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内 容 简介 


本 书 通 过 完整 的 、 极 具 代表 性 的 电子 商城 项 目 开 发 的 全 过 程 ,系统 介绍 了 使 用 ASP. NET 开发 动态 网 
站 所 使 用 的 各 类 主流 技术 。 全 书 围绕 Smart On Line 电子 商城 的 项 目 演示 及 数据 库 设计 、 网 站 页 面 开 发 、 
会 员 注 册 ,会 员 登 录 、 商 品 展示 ,会 员 购 物 、 商 品 信 息 管理 ,订单 管理 、 网 站 发 布 的 实现 过 程 展开 , 将 知识 介 
绍 和 技能 训练 进行 了 有 机 结合 。 
本 书 可 作为 高 校 计算 机 、 电 子 商 务 及 信息 类 相关 专业 的 教学 用 书 ,也 可 供 有 关 领 域 的 各 类 培训 班 、 计 
算 机 从 业 人 员 和 Web 应 用 开发 爱好 者 参考 使 用 。 
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出 版 说 明 


我 国 高 职高 专 教育 经 过 十 几 年 的 发 展 ,已 经 转向 深度 教学 改革 阶段 。 
教育 部 于 2006 年 12 月 发 布 了 教 高 [2006] 第 16 号 文件 (关于 全 面 提高 高 等 
职业 教育 教学 质量 的 若干 意见 》, 大 力 推行 工学 结合 ,突出 实践 能 力 培养 ,全 
面 提高 高 职高 专 教学 质量 。 

清华 大 学 出 版 社 作 为 国内 大 学 出 版 社 的 领跑 者 ,为 了 进一步 推动 高 职 
高 专 计算 机 专业 教材 的 建设 工作 ,适应 高 职高 专 院 校 计算 机 类 人 才 培 养 的 
发 展 趋势 ,根据 教 高 [2006] 第 16 号 文件 的 精神 ,2007 年 秋季 开始 了 切合 新 
一 轮 教学 改革 的 教材 建设 工作 。 该 系列 教材 一 经 推出 ,就 得 到 了 很 多 高 职 
院 校 的 认可 和 选用 ,其 中 部 分 书籍 的 销售 量 都 超过 了 3 万 册 。 现 重新 组 织 
优秀 作者 对 部 分 图 书 进 行 改版 ,并 增加 了 一 些 新 的 图 书 品种 。 

目前 国内 高 职高 专 院 校 计算 机 网 络 与 软件 专业 的 教材 品种 繁多 ,但 符 
合 国家 计算 机 网 络 与 软件 技术 专业 领域 技能 型 紧缺 人 才 培 养 培训 方案 ,并 
符合 企业 的 实际 需要 ,能够 自 成 体系 的 教材 还 不 多 。 

我 们 组 织 国内 对 计算 机 网 络 和 软件 人 才 培 养 模式 有 研究 并 且 有 过 一 段 
实践 经 验 的 高 职高 专 院 校 ,进行 了 较 长 时 间 的 研讨 和 调研 ,六 选 出 一 批 富有 
工程 实践 经 验 和 教学 经 验 的 双 师 型 教师 ,合力 编写 了 这 套 适 用 于 高 职高 专 
计算 机 网 络 、 软 件 专业 的 教材 。 

本 套 教材 的 编写 方法 是 以 任务 驱动 .案例 教学 为 核心 ,以 项 目 开发 为 主 
线 。 我 们 研究 分 析 了 国内 外 先进 职业 教育 的 培训 模式 .教学 方法 和 教材 特 
色 ,消化 吸收 优秀 的 经 验 和 成 果 。 以 培养 技术 应 用 型 人 才 为 目标 ,以 企业 
对 人 才 的 需要 为 依据 ,把 软件 工程 和 项 目 管理 的 思想 完全 融入 教材 体系 ， 
将 基本 技能 培养 和 主流 技术 相 结合 ,课程 设置 中 重点 突出 、 主 辅 分 明 、 结 
构 合 理 、 衔 接 紧凑 。 教 材 侧重 培养 学 生 的 实战 操作 能 力 , 学 . 思 、 练 相 结 
合 , 旨 在 通过 项 目 实践 ,增强 学 生 的 职业 能 力 , 使 知识 从 书本 中 释放 并 转 
化 为 专业 技能 。 


一 、 教 材 编写 思想 


本 套 教材 以 案例 为 中 心 , 以 技能 培养 为 目标 ,围绕 开发 项 目 所 用 到 的 知 
识 点 进行 讲解 ,对 某 些 知 识 点 附 上 相关 的 例题 ,以 帮助 读者 理解 ,进而 将 知 
识 转变 为 技能 。 
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考虑 到 是 以 “项 目 设计 ”为 核心 组 织 教学 ,所 以 在 每 一 学 期 配 有 相应 的 实 训 课程 及 项 目 
开发 手册 ,要 求学 生 在 教师 的 指导 下 .能 整合 本 学 期 所 学 的 知识 内 容 , 相互 协作 ,综合 应 用 
该 学 期 的 知识 进行 项 目 开 发 .同时 ,在 教材 中 采用 了 大 量 的 案例 ,这 些 案例 紧密 地 结合 教材 
中 的 各 个 知识 点 ,循序 渐进 ,由 浅 入 深 ,在 整体 上 体现 了 内 容 主导 、 实 例 解 析 、 以 点 带 面 的 模 
式 , 配 合 课程 后 期 以 项 目 设计 贯穿 教学 内 容 的 教学 模式 。 

软件 开发 技术 具有 种 类 繁多 、 更 新 速度 快 的 特点 。 本 套 教材 在 介绍 软件 开发 主流 技术 
的 同时 ,帮助 学 生 建 立 软件 相关 技术 的 横向 及 纵向 的 关系 ,培养 学 生 综合 应 用 所 学 知识 的 
能 力 。 


二 、 丛 书 特色 


本 系列 教材 体现 目前 工学 结合 的 教改 思想 ,充分 结合 教改 现状 ,突出 项 目 面向 教学 和 任 
务 驱动 模式 教学 改革 成 果 ,打造 立体 化 精品 教材 。 

(1) 参照 和 吸纳 国内 外 优秀 计算 机 网 络 .软件 专业 教材 的 编写 思想 ,采用 本 土 化 的 实际 
项 目 或 者 任务 ,以 保证 其 有 更 强 的 实用 性 ,并 与 理论 内 容 有 很 强 的 关联 性 。 

(2) 准确 把 握 高 职高 专 软件 专业 人 才 的 培养 目标 和 特点 。 

(3) 充分 调查 研究 国内 软件 企业 ,确定 了 基于 Java 和 . NET 的 两 个 主流 技术 路 线 ,再 将 
其 组 合成 相应 的 课程 链 。 

(4) 教材 通过 一 个 个 的 教学 任务 或 者 教学 项 目 , 在 做 中 学 ,在 学 中 做 ,以 及 边 学 边 做 , 重 
点 突出 技能 培养 。 在 突出 技能 培养 的 同时 ,还 介绍 解决 思路 和 方法 ,培养 学 生 未 来 在 就 业 岗 
位 上 的 终身 学 习 能 力 。 

(5) 借鉴 或 采用 项 目 驱 动 的 教学 方法 和 考核 制度 ,突出 计算 机 网 络 、 软 件 人 才 培 训 的 先 
进 性 、 工 具 性 、 实 践 性 和 应 用 性 。 

(6) 以 案例 为 中 心 , 以 能 力 培养 为 目标 ,并 以 实际 工作 的 例子 引入 概念 ,符合 学 生 的 认 
知 规律 。 语 言 简洁 明了 清晰 易 懂 ,更 具 人 性 化 。 

(7) 符合 国家 计算 机 网 络 、 软 件 人 才 的 培养 目标 ;采用 引入 知识 点 、 讲 述 知识 点 、 强 化 知 
识 点 、 应 用 知识 点 ,综合 知识 点 的 模式 ,由 浅 入 深 地 展开 对 技术 内 容 的 讲述 。 

(8) 为 了 便于 教师 授课 和 学 生 学 习 , 清 华 大 学 出 版 社 正在 建设 本 套 教材 的 教学 服务 资 
源 。 在 清华 大 学 出 版 社 网 站 (www. tup. com. cn) 免 费 提供 教材 的 电子 课件 、 案 例 库 等 资源 。 

高 职高 专 教育 正 处 于 新 一 轮 教学 深度 改革 时 期 ,从 专业 设置 .课程 体系 建设 到 教材 建 
设 ,依然 是 新 课题 。 和 希望 各 高 职高 专 院 校 在 教学 实践 中 积极 提出 意见 和 建议 ,并 及 时 反馈 给 
我 们 。 清 华 大 学 出 版 社 将 对 已 出 版 的 教材 不 断 地 修订 ,完善 ,提高 教材 质量 ,完善 教材 服务 
体系 ,为 我 国 的 高 职高 专 教育 继续 出 版 优秀 的 高 质量 的 教材 。 


清华 大 学 出 版 社 
高 职高 专 计 算 机 任务 驱动 模式 教材 编审 委员 会 
2014 4 3 H 


动态 网 站 开发 是 计算 机 应 用 技术 .电子 商务 和 信息 管理 专业 的 一 门 重 
要 的 专业 必修 课 , 也 是 一 门 专业 核心 课程 。 目 前 国内 对 网 页 制作 及 网 站 开 
发 人 员 的 需求 量 正 急速 增加 ,现今 社会 十 分 缺乏 优秀 的 网 站 设计 与 开发 人 
TA ,网 站 开发 工程 师 拥 有 很 好 的 职业 前 景 。 

本 书 以 完整 的 行业 项 目 为 载体 ,采用 课 上 课 下 两 个 项 目 并 进 的 形式 , 固 
化 学 生 的 实践 技能 ;教材 建设 紧 跟 行 业 需 求 ,内 容 覆 盖 CSS, JavaScript, J 
部 刷新 .数据库 存储 过 程 和 Web Service。 本 书 使 用 大 量 的 图 例 和 源 代码 帮 
助 零 起 点 的 人 员 迅 速 掌握 网 站 开发 的 核心 技术 。 

本 书 一 共有 9 章 ,分 为 5 个 部 分 。 

第 一 部 分 包含 项 目 1 ,讲解 Smart On Line 电子 商城 功能 和 相应 Smart 
数据 库 的 设计 和 实现 方法 ,读者 将 从 中 学 会 SQL Server 2008 数据 库 操作 和 
常用 的 SQL 语法 ,如 创建 表 、 设 置 外 键 约束 等 。 

第 二 部 分 包含 项 目 2 一 项 目 4, 主 要 讲解 Smart On Line 电子 商城 的 首 
页 制作 、 用 户 注册 和 登录 功能 的 实现 方法 ,将 学 习 CSS JavaScript, ASP. 
NET 常见 Web 服务 器 控件 .数据 验证 控件 .内 置 对 象 和 ADO. NET 六 大 
内 容 。 

第 三 部 分 包含 项 目 5 和 项 目 6, 主 要 讲解 商品 展示 、 会 员 购 物 功能 的 具 
体 实现 方法 ,读者 从 中 可 掌握 GridView 和 DataList 常规 操作 和 高 级 应 用 技 
35 ,强化 应 用 数据 库存 储 过 程 .事务 等 高 级 技术 。 

第 四 部 分 包含 项 目 7 和 项 目 8, 重 点 讲解 商品 信息 管理 和 订单 管理 的 实 
现 方法 ,通过 这 两 个 项 目的 训练 ,读者 可 以 进一步 掌握 GridView 模板 列 编 
辑 和 在 数据 库 中 保存 图 片 等 实战 技术 ,并 接触 先进 的 行业 技术 ,包括 Web 
Service、 邮 件 发 送 等 技术 。 

第 五 部 分 只 包含 项 目 9, 该 项 目 讲解 了 Smart On Line 电子 商城 的 发 布 
过 程 ,通过 这 个 项 目的 训练 ,读者 可 以 掌握 web. config 配置 文件 加 解密 和 
应 用 IIS 发 布 ASP. NET 应 用 程序 的 基本 过 程 。 

本 书 提供 了 完整 的 配套 教学 资料 和 课程 网 站 ,包括 实例 源 代码 .PPT 电 
子 课件 和 授课 录像 ,为 读者 提供 全 方位 的 学 习 环 境 。 在 每 一 个 项 目 后 面 均 
配 有 一 定量 的 习题 ,读者 可 以 通过 这 些 习 题 对 所 学 知识 进行 巩固 ,加 深 理 


ill 
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解 , 并 学 会 在 项 目 中 运用 所 学 知识 来 解决 实际 问题 的 能 力 。 需 要 强调 的 一 点 是 ,对 于 每 个 项 
目 后 的 同步 项 目 操练 ,一 定 要 亲自 上 机 实践 ,只 有 多 上 机 才能 发 现 问题 .解决 问题 ,才能 取得 
事半功倍 的 学 习 效 果 。 

本 书 编写 过 程 中 得 到 众多 同事 和 朋友 的 帮助 .在 此 向 所 有 帮助 和 支持 过 我 们 的 朋友 表 
示 感 谢 。 


编 者 
2014 年 10 月 
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ASP. NET 是 统一 的 Web 应 用 程序 平台 ,提供 为 建立 和 部 署 企 业 级 Web 应 用 程序 所 
必需 的 服务 。ASP. NET 为 能 够 面向 任何 浏览 器 或 设备 建立 更 安全 的 、 更 强 的 可 升级 性 、 更 
稳定 的 应 用 程序 提供 了 新 的 编程 模型 和 基础 结构 。 同 时 ASP. NET 是 Microsoft . NET 
Framework 的 一 部 分 ,是 一 种 可 以 在 高 度 分 布 的 Internet 环境 中 简化 应 用 程序 开发 的 计算 
环境 。. NET Framework 包含 公共 语言 运行 库 , 它 提供 了 各 种 核心 服务 ,如 内 存 管理 ,线程 
管理 和 代码 安全 。 它 也 包含 . NET Framework 类 库 , 这 是 一 个 开发 人 员 用 于 创建 应 用 程序 
的 综合 的 、 面 向 对 象 的 类 型 集合 。 本 书 以 一 个 完整 的 电子 商城 网 站 (Smart On Line 电子 
商城 ) 为 载体 ,通过 对 Smart On Line 电子 商城 开发 的 全 程 讲 解 和 学 习 , 使 读者 掌握 
ASP. NET 的 关键 技术 ,从 而 能 够 胜任 使 用 ASP. NET 技术 开发 动态 网 站 的 工作 岗位 。 本 
书 将 Smart On Line 电子 商城 整个 项 目 分 解 为 9 个 子 项 目 进行 相对 独立 的 讲解 。 
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Smart On Line 电子 商城 是 为 各 类 人 士 提供 休闲 、 便 捷 的 商品 交易 平台 。Smart On 
Line 电子 商城 的 用 户 角色 分 为 注册 用 户 、 匿 名 用 户 和 管理 员 , 因 此 本 系统 的 开发 胀 绕 这 三 
种 不 同 的 角色 进行 开发 ,以 满足 系统 的 需求 。 

该 项 目 主要 实现 如 下 功能 。 

。 匿名 用 户 : 通过 本 网 站 了 解 各 种 商品 的 信息 ,通过 在 线 注册 成 为 会 员 。 

。 注册 用 户 : 通过 本 网 站 了 解 商 品 的 信息 ,购买 商品 ,下 订单 ,发 表 评 论 等 。 

。 管理 员 : 通过 本 系统 管理 和 维护 站 点 的 基本 运行 .维护 商品 目录 信息 、 商 品 信息 、 订 

单 信息 等 。 
Smart On Line 电子 商城 的 主要 功能 如 图 1-1 所 示 。 


Smart On Line 电 子 商 城 项 目 
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图 1-1. Smart On Line 电子 商城 的 功能 


下 面 对 每 个 功能 进行 详细 的 讲解 。 
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(1) 搜索 商品 

提供 的 强大 的 模糊 查询 功能 ,以 便 快 捷 地 找到 用 户 感 兴趣 的 商品 。 

(2) 会 员 注 册 

电子 商城 允许 浏览 者 在 线 填写 注册 表 并 实时 成 为 商城 会 员 ,注册 表 中 采用 验证 码 技术 
来 防止 恶意 注册 。 为 防止 用 户 注册 的 敏感 信息 在 传输 过 程 中 被 窃取 ,采用 加 密 算法 对 注册 
用 户 的 部 分 重要 信息 进行 加 密 。 支 持 忘记 密码 功能 ,会 员 可 以 通过 此 功能 查找 忘记 的 密码 。 

(3) 会 员 登 录 

用 户 购 买 商品 前 需 进 行 用 户 登 录 。 会 员 登 录 功 能 需 支持 会 员 当 前 在 线 标示 、 会 员 登 录 
唯一 性 检验 、 会 员 登 录 日 志 信 息 保存 功能 。 登 录 成 功 后 可 随时 查看 账 务 明细 、 订 单 明 细 。 

(4) 商品 展示 

允许 用 户 选择 网 格 和 列表 两 种 不 同 的 商品 展示 方式 以 适合 客户 的 最 佳 观 看 效果 。 商 品 
的 信息 栏 中 介绍 商品 外 观 、 商 品 性 能 、 商 品 参数 、 注 意 事 项 .优惠 信息 、 配 送信 息 等 。 商 品 信 
息 栏 中 支持 加 入 购物 车 和 查看 详细 商品 信息 功能 。 

(5) 会 员 购 物 

引导 会 员 完 成 购物 流程 。 首 先是 显示 会 员 选 购 的 商品 明细 ,可 以 更 改 购买 数量 ,删除 不 
需要 的 商品 ,重新 计算 价格 等 ;然后 是 填写 订单 内 容 , 如 收 货 人 、 地 址 、 配 送 方 式 (配送 方式 可 
由 用 户 从 商城 管理 系统 中 进行 定义 ,如 配送 方式 名 称 、 价 格 等 )、 付 款 方式 等 。 

(6) 商品 分 类 管理 

商品 分 类 管理 用 来 设置 商品 分 类 ,分 类 可 以 是 多 级 。 例 如 ,图 书 类 商品 的 分 类 可 能 是 这 
FÉ. 首先 是 图 书 类 ,图 书 类 下 面 又 分 为 文学 类 ,艺术 类 .计算 机 类 等 ,计算 机 类 下 面 又 分 为 图 
像 处 理 .应 用 软件 .程序 开发 等 。 针 对 每 一 种 分 类 ,都 可 以 定义 它 的 分 类 介绍 类 型 。 例 如 , 针 
对 图 书 ,可 能 的 分 类 介绍 类 型 有 “内 容 简 介 ”“ 目 录 ”“ 作 者 介绍 ”“ 书 评 ” 等 。 针 对 家 电 产 
品 , 可 能 的 分 类 介绍 类 型 有 “规格 "“ 功 能 说 明 ” 等 。 

(7) 商品 信息 管理 

商品 信息 管理 用 来 维护 商品 信息 ,如 商品 名 称 、 描 述 、 商 品 图 片 .简介 等 。 

(8) 订单 管理 

订单 管理 主要 完成 用 户 订单 的 相关 功能 ,支持 订单 列表 一 一 显示 当前 会 员 的 订单 ,如 订 
单 号 .消费 金额 .运费 .状态 等 。 单 击 后 可 查看 订单 明细 。 支 持 订单 明细 一 一 查看 选 定 的 订 
单 中 ,所 订购 商品 的 详细 情况 ,包括 商品 名 称 ` 数 量 .单价 等 。 支 持 订单 查询 一 一 根据 订单 
号 .日 期 ,状态 等 信息 查询 相关 的 订单 。 

(9) 用 户 管理 

用 户 管理 功能 支持 管理 员 按照 不 同 条 件 检索 会 员 ; 支 持 管理 员 通过 后 台 查 看 或 修改 会 
员 信息 ;支持 查看 会 员 登 录 电 子 商 城 网 站 等 日 志 信息 。 
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业界 开发 动态 网 站 的 技术 常见 的 有 ASP. NET JSP.PHP。 鉴 于 本 项 目 组 以 前 具备 采 
JH Ce 语言 开 发 桌面 程序 的 经 验 , 项 目 组 成 员 经 过 讨论 ,决定 采用 ASP. NET 技术 以 减 小 项 
目 开 发 风险 。 项目 组 同时 也 决定 采用 SQL Server 2008 数据 库 管理 系统 进行 Smart On 
2 


项 目 1 数据 库 设计 及 创建 


Line 电子 商城 的 数据 存储 。 所 用 开发 技术 确定 后 ,项 目 组 成 员 所 要 做 的 第 一 步 工 作 就 是 进 
fj Smart On Line 电子 商城 的 数据 库 设 计 及 创建 ,首先 创建 数据 库 关系 图 ,接着 对 基本 表 中 
各 字段 进行 细 分 .定义 ,形成 数据 库 逻 辑 模式 ;然后 根据 用 户 处 理 的 要 求 、. 安 全 性 的 考虑 ,在 
基本 表 的 基础 上 建立 必要 的 视图 约束、 存储 过 程 、. 触 发 器 等 。 
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1.4.1 SQL Server 2008 概述 


Microsoft SQL Server 2008 提供 完整 的 企业 级 技术 和 工具 ,以 最 低 的 成 本 获得 最 有 价 
值 的 信息 。 具 有 高 性 能 、 高 可 用 性 、 高 安全 性 等 特性 ,使 用 更 多 的 高 效 管理 与 开发 工具 ,并 利 
用 自 带 的 商业 智能 工具 实现 更 为 广泛 深入 的 商业 开发 。SQL Server 2008 R2 以 . NET 
Framework 3. 5 SP1,Visual Studio 2008、BizTalk Server( 企 业 商 务 应 用 ) Office 为 基础 支 
撑 , 包 含 关系 数据 库 (RDBMS)、 层 次 类 型 数据 (XML)、 联 机 分 析 处 理 (OLAP) 和 文件 流 
(FileStream) 在 内 的 数据 管理 平台 ,提供 了 查询 、 检 索 、 集 成 .报表 和 分 析 等 高 效 工 具 , 广 泛 
应 用 于 基于 移动 设备 和 台式 设备 的 分 布 式 环境 数据 库 应 用 ,如 图 1-2 所 示 。 


服务 
报表 ”实体 数据 模型 ”集成 


1-2 SQL Server 2008 R2 系统 架构 13 ”服务 器 组 件 


SQL Server 2008 R2 服务 器 由 数据 库 引 擎 (基础 )、 集 成 服务 .分 析 服 务 和 报表 服务 4 个 
服务 器 组 件 构 成 ,如 图 1-3 所 示 。 
CD 数据 库 引 擎 : 存储 、 处 理 和 保护 数据 (关系 .XML 数据 ) 的 核心 服务 .复制 全文 搜 
索 等 。 
(2) 分 析 服 务 (Analysis Services) : 创建 和 管理 联机 分 析 处 理 (OLAP) 以 及 数据 挖掘 的 
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工具 ,为 商业 智能 应 用 程序 提供 了 联机 分 析 处 理 (OLAP) 和 数据 挖掘 功能 。 分 析 服 务 允 许 开 
发 人 员 设 计 、 创 建 和 管理 包含 从 其 他 数据 源 ( 如 关系 数据 库 ) 聚 合 的 数据 的 多 维 结构 ,以 实现 对 
OLAP 的 支持 。 对 于 数据 挖掘 应 用 程序 ,分 析 服 务 允 许 开发 人 员 设 计 、 创 建 和 可 视 化 处 理 那 些 
通过 使 用 各 种 行业 标准 数据 的 挖掘 算法 ,以 及 根据 其 他 数据 源 构造 出 来 的 数据 挖掘 模型 。 

(3) 报表 服务 (Reporting Services): 创建 .管理 和 部 署 报表 (表格 .矩阵 .图形 和 自由 格 
式 ) 的 服务 器 和 客户 端 组 件 ,是 基于 服务 器 的 报表 平台 ,为 各 种 数据 源 提 供 了 完善 的 报表 功 
能 。Reporting Services 包含 一 整套 可 用 于 创建 ,管理 和 传送 报表 的 工具 以 及 允许 开发 人 员 
在 自 定义 应 用 程序 中 集成 或 扩展 数据 和 报表 处 理 的 应 用 程序 编程 接口 (Application 
Programming Interface，API) Reporting Services 工具 在 Microsoft Visual Studio 环境 中 
工作 ,并 与 SQL Server 工具 和 组 件 完全 集成 。 

(4) 集成 服务 (Integration Services); 用 于 移动 .复制 和 转换 数据 的 图 形 工具 和 可 编程 
对 象 ,是 用 于 数据 集成 和 数据 转换 解决 方案 的 平台 ,包含 用 于 生成 和 调试 包 的 图 形 工具 和 向 
导 ; 用 于 执行 工作 流 功 能 的 任务 ,例如 FTP(File Transfer Protocol, 文 件 传 输 协议 ) 操 作 、 
SQL 语句 执行 和 电子 邮件 消息 处 理 ; 用 于 提取 和 加 载 数据 的 数据 源 和 目标 ;用 于 清理 、 聚 
合 、 合 并 和 复制 数据 的 转换 ;用 于 管理 集成 服务 包 的 集成 服务 ;对 Integration Services 对 象 
模型 基于 应 用 程序 编程 接口 (API) 进 行 编程 。 设 计 Integration Services 项 目的 主要 任务 就 
是 定义 控制 流 .数据 流 及 事件 处 理 程序 。 


1.4.2 SQL Server 2008 的 安装 


安装 一 个 SQL Server 2008 R2 数据 库 服务 器 ,在 向 导 的 帮助 下 ,基本 上 是 选择 默认 值 
和 单 击 “下 一 步 " 按 钮 ,十 分 简单 。 但 真正 理解 SQL Server 安装 选项 的 含义 要 到 学 完 本 书 时 
才能 有 较 深 的 认识 。 真 正安 装 一 个 能 够 承担 成 千 上 万 人 同时 访问 的 SQL Server 2008 R2 
数据 库 服 务 器 ,还 需要 学 习 和 查询 很 多 知识 。 本 节 简 单 地 介绍 SQL Server 2008 R2 安装 的 
入 门 知识 。 

(1) 以 Administrator Windows 管理 员 登 录 服 务 器 ,从 安装 介质 中 运行 SQL Server 
2008 R2 的 安装 程序 setup. exe, 开 始 安装 。 

(2) 在 “SQL Server 安装 中 心 ” 界 面 中 选择 “安装 ”选项 , 单 击 “ 全 新 安装 或 向 现 有 安装 
添加 功能 ”, 如 图 1-4 所 示 。 

(3) 在 “安装 程序 支持 规则 ”界面 ,Windows 运行 环境 检测 通过 后 , 单 击 “ 确 定 ” 按 钮 。 

(4) 在 “产品 密 钥 ”界面 ,输入 产品 密 钥 , 单 击 “ 下 一 步 ” 按 钮 。 

(5) 在 “许可 条 款 ” 界 面 ,选中 “我 接收 许可 条 款 ” 选 项 , 单 击 “ 下 一 步 ”按钮 。 

(6) 在 “安装 程序 支持 文件 "界面, 单 击 “ 安 装 ” 按 钮 。 

(7) 在 “安装 程序 支持 规则 ”界面 ,操作 完成 后 ,已 通过 9 项、 失败 0 项 , 单 击 “ 下 一 步 ” 
按钮 。 
(8) 在 “设置 角色 ”界面 ,选择 “SQL Server 功能 安装 ”选项 , 单 击 “ 下 一 步 ” 按 钮 。 
(9) 在 "功能 选择 界面 ,根据 实际 情况 选择 相应 的 组 件 , 如 果 不 知道 需要 安装 哪些 组 
件 , 可 以 单 击 “ 全 选 " 按 钮 ,设置 或 记录 “共享 功能 目录 ”. 单 击 “ 下 一 步 ” 按 钮 。 

(10) 在 “安装 规则 ?界面 ,规则 检查 通过 了 6 项 ,失败 了 0 项, 单 击 * 下 一 步 ?按钮 。 

(OD 在 “安装 配置 "界面 ,选择 “默认 实例 ”选项 ,设置 并 记录 “实例 ID” 和 “实例 根 目 


项 目 1 数据 库 设计 及 创建 


全 新 安装 或 向 现 有 安装 添加 功能 。 
启动 向 导 ， 以 在 非 群集 环境 中 安装 SQL Server 2008 R2 或 者 向 现 有 SQL 
Server 2008 R2 实例 中 添加 功能 。 


从 SQL Server 2000、SQL Server 2005 或 SQL Server 2008 升级 
启动 向 导 以 将 SQL Server 2000、SQL Server 2005 或 SQL Server 2008 升级 到 
SQL Server 2008 R2。 


搜索 产品 更 新 
搜索 Microsoft Update 上 的 SQL Server 2008 R2 产品 更 新 。 


图 1-4 “SQL Server 安装 中 心中 的 “安装 ”界面 


录 ”, 单 击 “ 下 一 步 ” 按 钮 。 

(12) 在 “磁盘 空间 要 求 " 界 面 ,显示 安装 所 需 的 磁盘 空间 , 单 击 “ 下 一 步 ”按钮 。 

(13) 在 “服务 器 配置 "界面 ,显示 服务 账户 , 单 击 “ 下 一 步 ” 按 钮 。 保 证 SQL Server 
Database Engine 服务 是 SYSTEM 权限 ,否则 SQL Server 服务 器 无 法 启动 , 单 击 “ 下 一 步 ” 
按钮 ,如 图 1-5 所 示 。 


1-5 “服务 器 配置 "界面 


(14) 在 “数据 库 引 擎 配置 界面 ,根据 需求 选择 身份 验证 模式 ,建议 “身份 验证 模式 ? 选 
项 组 中 选择 “混合 模式 ”, 设 置 并 记录 下 sa 密码 (不 要 设置 过 于 简单 ,不然 服务 器 很 容易 被 
黑 ), 单 击 “ 添 加 当前 用 户 ” 按 钮 ,将 当前 Windows 登录 用 户 指定 为 SQL Server 管理 员 , 单 击 
“下 一 步 ? 按 钮 ,如 图 1-6 所 示 。 

(15) 在 “Reporting Services 配置 ”界面 , 单 击 “添加 当前 用 户 ” 按 钮 ,可 以 管理 Analysis 
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图 1-6 “数据 库 引 擎 配置 界面 
服务 , 单 击 “ 下 一 步 ”按钮 。 


(16) 在 “Reporting Services 配置 "界面 ,选中 “安装 本 机 模式 默认 配置 "选项 , 单 旱 
“下 一 步 ?按钮 。 

(17) 在 “错误 报告 "界面 , 单 击 “ 下 一 步 ” 按 钮 。 

(18) 在 “安装 配置 规则 ”界面 ,显示 操作 完成 ,已 通过 6 项 ,失败 0 项 , 单 击 “下 一 步 ” 
按钮 。 

(19) 在 “准备 安装 ”界面 , 单 击 “ 安 装 ”按钮 ,在 “准备 进度 ”界面 中 会 显示 安装 进度 ,请 等 
待 安 装 结果 。 

(20) 安装 完成 后 ,在 “完成 ?界面 中 会 显示 “SQL Server 2008 R2 安装 已 成 功 完成 ”的 提 
示 信 息 , 单 击 “ 关 闭 ” 按 钮 。 


1.4.3 SQL Server 2008 的 配置 


SQL Server 2008 R2 端口 配置 和 服务 的 操作 步骤 如 下 。 

(D 在 安装 SQL Server 2008 R2 软件 的 计算 机 上 . 96 d; JP d"  * fF" “Microsoft 
SQL Server 2008 R2” 一 “配置 工具 ”一 “SQL Server 配置 管理 器 ”命令 ,弹出 “SQL Server 配 
置 管理 器 ”窗口 ,如 图 1-7 所 示 。 


Er 
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图 1-7 “SQL Server 配置 管理 器 "界面 


项 目 1 数据 库 设计 及 创建 


(2) 在 “SQL Server 配置 管理 器 ”窗口 , 单 击 "MSSQLSERVER 的 协议 ”, 查 看 TCP/IP 
的 状态 是 否 是 已 启用 ,双击 TCP/IP, 弹 出 *TCP/IP 属性 ”窗口 ,如 图 1-8 所 示 。 


Icp/P 属 性 “一 -0 


协议 [rr 地 址 | 


192.168.1.100 


1433 
a 
是 


E 


127.0.0.1 


1433 


保持 活动 状态 
TCP 检查 空间 连接 是 否 仍 保持 原样 的 频率 


取消 ”| mo em | 取消 下 用 区 Hh 
图 1-8 “TCP/IP 属性 ”界面 


(3) TE" TCP/IP 属性 ?窗口 中 单 击 *IP 地 址 ”, 保 证 IPALL 里 面 的 TCP 端口 是 1433 , 单 
击 “ 确 定 ” 按 钮 返回 

(4) 在 “SQL Server 配置 管理 器 ”窗口 , 单 击 “SQL Server 服务 ”, 右 击 SQL Server 
(MSSQLSERVER) , 单 击 “ 重 新 启动 ”命令 ,如 图 1-9(a) 所 示 。 然 后 关闭 “SQL Server 配置 
管理 器 ”。 

(5) 在 命令 行 下 输入 netstat-an, 如果 找到 “0. 0. 0.0 : 1433”, 就 说 明 SQL Server 开始 
监听 了 ,如 图 1-9(b) 所 示 。 


e inl -x| 
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重新 启动 ( 先 停 止 ， 然 后 再 启动 ) 所 选 服务 。 


(a) 
图 1-9 重启 “SQL Server 配置 管理 器 "和 查看 端口 监听 


|. ener si 


C:\Documents and Settings \Adninistrator netstat -an 


fictive Connections 


Proto Local fiddress State 
TCP LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
LISTENING 
ESTRBLISHED 
ESTRBLISHED 
192.168.1.100:139 LISTENING 
192.168.1.100:1225 H CLOSE WRIT 
192.168.119.1:139 LISTENING 
192.168.150.1:139 LISTENING 
90.8.0.8:445 
8.0 0:1066 
90.0.0.0:1111 


(b) 


图 19045 


(6) 在 桌面 上 古寺 
IR ,在 左 侧 窗 格 中 单 ; 


服务 ”可 显示 相应 的 服务 。 图 中 标示 部 分 为 SQL Server 服务 列表 。 
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图 1-10 SQL Server 2008 服务 列表 


1.4.4 SQL Server 集成 管理 器 的 使 用 


我 的 电脑 ”, 单 击 “ 管 理 ” 命 令 , 弹 出 “计算 机 管理 ”窗口 ,如 图 1-10 所 


SQL Server Management Studio (SSMS, SQL Server 集成 管理 器 ,可 简写 为 


项 目 1 数据 库 设计 及 创建 


Management Studio) 是 为 SQL Server 数据 库 管 理 员 和 开发 人 员 提 供 的 新 工具 。 此 工具 由 
Visual Studio 内 部 承载 , 它 提供 了 用 于 数据 库 管理 的 图 形 工具 和 功能 丰富 的 开发 环境 。 
Management Studio 是 一 个 功能 强大 且 灵 活 的 工具 。 但 是 ,初次 使 用 Visual Studio 的 用 户 
有 时 无 法 以 最 快 的 方式 访问 所 需 的 功能 。 下 面 介绍 Management Studio 的 基本 使 用 方法 。 

1. 启动 Management Studio 

在 “开始 ”菜单 上 ,依次 选择 “所 有 程序 ”> Microsoft SQL Server 2008 ,再 单 击 SQL 
Server Management Studio。 首 先 弹 出 “连接 到 服务 器 ”对 话 框 (图 1-11)。 在 “连接 到 服务 
器 ”对 话 框 中 采用 默认 设置 (Windows 身份 验证 ), 再 单 击 “ 连 接 ” 按 钮 。 默认 情 况 下 ， 
Management Studio 中 将 显示 三 个 组 件 窗口 ,如 图 1-12 所 示 。 


文件 月。 E) WV) IAM NOW) NEC WAH 


Qeumsw QD du du 


lüijierdilijie 
口 easean 


Co OMA | LJ 39» 


图 1-11 打开 时 的 SQL Server Management Studio 


EMO 标准 工具 栏 


对 象 资源 管理 器 


1-12 SQL Server Management Studio 的 窗 体 布局 
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“已 注册 的 服务 器 ”窗口 列 出 的 是 经 常 管理 的 服务 器 。 可 以 在 此 列表 中 添加 和 删除 服务 
器 。 对 象 资 源 管理 器 是 服务 器 中 所 有 数据 库 对 象 的 树 视 图 。 此 树 视图 可 以 包括 SQL 
Server Database Engine, Analysis Services, Reporting Services, Integration Services fll SQL 
Server Mobile 的 数据 库 。 对 象 资源 管理 器 包括 与 其 连接 的 所 有 服务 器 的 信息 。 打 开 
Management Studio 时 ,系统 会 提示 用 户 将 对 象 资源 管理 器 连接 到 上 次 使 用 的 设置 。 可 以 
在 “已 注册 的 服务 器 ?组 件 中 双击 任意 服务 器 进行 连接 ,或 在 任意 服务 器 上 右 击 并 选择 “ 连 
接 ”>“ 对 象 资源 管理 器 ”命令 。 而 要 连接 的 服务 器 是 无 须 再 注册 的 。 文档 窗口 是 
Management Studio 中 的 最 大 部 分 。 文 档 窗口 可 能 包含 查询 编辑 器 和 浏览 器 窗口 。 默 认 情 
况 下 ,将 显示 已 与 当前 计算 机 上 的 数据 库 引 擎 实例 连接 的 “摘要 ”页 。 

2. 与 已 注册 的 服务 器 和 对 象 资源 管理 器 连接 

CD 连接 到 服务 器 。 已 注册 的 服务 器 组 件 的 工具 栏 包 含 用 于 数据 库 引 擎 、Analysis 
Services、 Reporting Services、SQL Server Mobile 和 Integration Services 的 按钮 。 注 册 
AdventureWorks 数据 库 ( 下 载 地 址 : http://www. codeplex. com/SqlServerSamples) 分 为 
以 下 5 个 步骤 。 

CD 如 有 必要 , 单 击 “已 注册 的 服务 器 ?工具 栏 上 的 “数据 库 引 擎 选项 (该 选项 可 能 已 
选中 ) 。 

© 右 击 “数据 库 引 擎 "选项 ,选择 "新建 服 务 器 注册 ”命令 ,此 时 将 打开 “新 建 服务 器 注 
册 ” 对 话 框 。 

C 在 “服务 器 名 称 " 文 本 框 中 ,输入 SQL Server 实例 的 名 称 。 

@ 在 “已 注册 的 服务 器 名 称 ” 文 本 框 中 ,输入 AdventureWorks。 

C 在 “连接 属性 ?选项 卡 的 “连接 到 数据 库 ? 列 表 中 ,选择 AdventureWorks, 再 单 击 
“保存 ”按钮 。 

以 上 操作 说 明 可 以 更 改 默认 的 服务 器 名 称 。 

(2) 与 对 象 资源 管理 器 连接 。 与 已 注册 的 服务 器 类 似 ,对 象 资源 管理 器 也 可 以 连接 到 
数据 库 引 人 擎 、Analysis Services, Integration Services, Reporting Services 和 SQL Server 
Mobile。 方 法 如 下 。 

CD 在 对 象 资源 管理 器 的 工具 栏 上 , 单 击 * 连 接 ”, 显 示 可 用 连接 类 型 下 拉 列 表 , 再 选择 
“数据 库 引擎 ,系统 将 打开 “连接 到 服务 器 ?对 话 框 。 

@ 在 “服务 器 名 称 ” 文 本 框 中 输入 SQL Server 实例 的 名 称 。 

© 单 击 “ 选 项 ”, 然 后 浏览 各 个 选项 。 

(D 单 击 “ 连 接 ”, 连 接 到 服务 器 。 如 果 已 经 连接 , 则 将 直接 返回 到 对 象 资源 管理 器 ,并 将 
该 服务 器 设置 为 焦点 。 

C) 在 对 象 资源 管理 器 中 展开 数据库? 文件 夹 ,然后 选择 AdventureWorks。 

3. 连接 查询 编辑 器 

Management Studio 是 一 个 集成 开发 环境 ,允许 开发 人 员 在 与 服务 器 断 开 连接 时 编写 或 编 
辑 代码 。 当 服务 器 不 可 用 或 要 节省 短缺 的 服务 器 或 网 络 资源 时 ,这 一 点 很 有 用 。 也 可 以 更 改 
查询 编辑 器 与 SQL Server 新 实例 的 连接 ,而 无 须 打 开 新 的 查询 编辑 器 窗口 或 重新 输入 代码 。 

脱 机 编写 代码 ,然后 连接 到 其 他 服务 器 的 方法 如 下 。 

(D 在 Management Studio 工具 栏 上 单 击 “数据 库 引 擎 查询 ”按钮 ,以 打开 查询 编辑 器 。 
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© 在 “连接 到 数据 库 引擎 ?对话 框 中 单 击 * 取 消 ?按钮 。 系 统 将 打开 查询 编辑 器 ,同时 ， 
查询 编辑 器 的 标题 栏 将 提示 没有 连接 到 SQL Server 实例 。 

@ 在 代码 窗 格 中 ,输入 T-SQL 语句 ,例如 ,SELECT * FROM Production, Product. 

CD 此 时 ,可 以 单 击 “ 连 接 ”“ 执 行 "“ 分 析 ? 或 “显示 估计 的 执行 计划 ?等 按钮 以 连接 到 
SQL Server 实例 ,另外 查询 ?菜单 .查询 编辑 器 工具 栏 ,或 在 “查询 编辑 器 ”窗口 中 右 击 时 ， 
显示 的 快捷 菜单 中 均 提 供 了 这 些 选项 。 对 于 本 练习 ,我 们 将 使 用 工具 栏 。 

© 在 工具 栏 上 , 单 击 “ 执 行 ”按钮 ,打开 “连接 到 数据 库 引 擎 ”对 话 框 。 

© 在 “服务 器 名 称 ”文本 框 中 输入 服务 器 名 称 , 再 单 击 “ 选 项 ”按钮 。 

在 “连接 属性 ”选项 卡 上 的 “连接 到 数据 库 ” 列 表 中 ,浏览 服务 器 以 选择 
AdventureWorks, 再 单 击 “ 连 接 ” 按 钮 。 

@ 若 要 使 用 同一 个 连接 打开 另 一 个 “查询 编辑 器 ”窗口 :可 在 工具 栏 上 单 击 * 新 建 查询 ” 
选项 。 

© 若 要 更 改 连接 ,在 “查询 编辑 器 ”窗口 中 右 击 , 选 择 * 连 接 ” 命 令 , 再 单 击 “ 更 改 连接 ” 
按钮 。 

d) 在 “连接 到 SQL Server” 对 话 框 中 ,选择 SQL Server 的 另 一 个 实例 (如 果 有 ) ,再 单 击 
“连接 ?按钮 。 

利用 查询 编辑 器 的 这 项 新 功能 ,可 以 在 多 台 服 务 器 上 轻松 运行 相同 的 代码 。 这 对 于 涉 
及 类 似 服 务 器 的 维护 操作 很 有 效 。 

程序 员 通 常会 问 :“ 我 如 何 才能 获得 更 多 的 代码 编写 空间 ?” 有 两 种 方法 可 以 解决 此 问 
题 ,并 且 都 非常 简单 : 一 种 是 最 大 化 查询 编辑 器 窗口 ; 另 一 种 是 隐藏 不 使 用 的 工具 窗口 。 

CD 最 大 化 查询 编辑 器 窗口 的 方法 。 

单 击 “ 查 询 编辑 器 ”窗口 中 的 任意 位 置 , 按 Shift 十 Alt 十 Enter 组 合 键 ,在 全 屏 显 示 模 式 
和 常规 显示 模式 之 间 进 行 切换 ,这 种 方法 适用 于 任何 文档 窗口 。 

© 自动 隐藏 所 有 工具 窗口 的 方法 。 

单 击 “ 查 询 编辑 器 ”窗口 中 的 任意 位 置 。 在 “窗口 ?菜单 上 ,选择 "自动 全 部 隐藏 ”命令 ; 若 
要 还 原 工 具 窗口 ,可 打开 每 个 工具 ,再 单 击 窗 口上 的 “自动 隐藏 ?按钮 以 打开 此 窗口 。 


1.4.5 创建 数据 库 


如 果 开 发 人 员 想 要 访问 数据 库 对 象 ,那么 必须 正确 地 确定 数据 库 引 用 ,这 是 因为 数据 库 
对 象 是 其 他 对 象 的 顶端 对 象 。 只 有 在 数据 库 引 用 的 范围 内 ,其 他 对 象 才能 被 访问 。 创 建 数 
据 库 需要 使 用 SQL Server 2008 的 数据 库 引 擎 服务 。 数 据 库 引擎 是 存储 处理、 保护 数据 库 
和 创建 数据 库 的 核心 。 在 安装 SQL Server 2008 时 ,数据 库 引 擎 服务 注册 为 Windows 服 
务 , 但 是 数据 库 引擎 服务 不 能 够 直接 访问 和 使 用 ,必须 借助 前 端 工具 才能 连接 到 数据 库 引 
擎 。 本 节 分 别 介绍 如 何 使 用 SQL Server Management Studio 图 形 化 方式 和 T-SQL 方式 创 
建 数据 库 。 

(1) 使 用 SQL Server Management Studio 以 图 形 化 方式 创建 数据 库 。 

SQL Server 2008 为 开发 人 员 提供 了 图 形 化 方式 来 创建 数据 库 。 下 面 将 介绍 使 用 SQL 
Server Management Studio 图 形 化 方式 创建 数据 库 的 基本 步骤 。 

CD 选择 旧 面 中 的 “开始 ”一 Microsoft SQL Server 2008— SQL Server Management 
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Studio 命令 ,打开 SQL Server Management Studio, 
@ 在 打开 的 “连接 到 服务 器 "对话 框 中 输入 “登录 名 ”和 “密码 ”, 单 击 “ 连 接 ” 按 钮 ,如 
图 1-13 所 示 。 


图 1-13 “连接 服务 器 ”对话 框 


C) 选择 “视图 "菜单 中 的 “对 象 资源 管理 器 "命令 ,打开 “对 象 资源 管理 器 ”窗口 ,如 
图 1-14 所 示 。 


图 1-14 打开 “对 象 资源 管理 器 ”窗口 


CD 在 “对 象 资源 管理 器 ”窗口 中 , 右 击 “ 数 据 库 ”, 在 打开 的 快捷 菜单 中 选择 “新 建 数据 
库 ? 命 令 , 打 开 *“ 新 建 数据 库 ? 窗 口 ,如 图 1-15 所 示 。 

( 在 “新 建 数据 库 ” 窗 口 的 “数据 库 名 称 ” 文 本 框 中 输入 database. demo: SQL Server 
Management Studio 会 自动 生成 其 他 部 分 ,如 数据 文件 名 ,日 志文 件 名 。 单 击 “ 确 定 ” 按 钮 ， 
创建 一 个 新 的 数据 库 database_demo。 

(2) 使 用 Create Database 语句 创建 数据 库 。 

除了 上 述 图 形 化 方式 创建 数据 库 外 ,还 可 以 采用 Create Database 语句 来 创建 数据 库 。 
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图 1-15 “新 建 数据 库 ” 窗 口 


采用 Create Database 语句 的 优势 之 一 是 可 以 保存 相应 的 T-SQL 语句 ,以 方便 批量 操作 。 
Create Database 语法 如 下 。 


CREATE DATABASE database name 
[ON 
( 
NAME- logical file name, 
FILENAME- 'os file name' 
L,SIZE- size[KB| MBI $| TB]] 
[,MAXSIZE- (max size[KB| MB| Œ| TB] | UNLIMTTED)] 
[,FILEGROWTH- growth. increment[KB|MB| GB| TB| $] ] 
) 
[LOG ON 
( 
NAME- logical file name, 
FIIENAME- 'os file name' 
[, SIZE- size[KB| MB| GB| TB] ] 
[,MAXSIZE- (max size[KB|MB| GB| TB] | UNLIMITED)] 
[,FILEGROWIH- growth. increment [KB|MB| GB| TB] $]] 
) 
E 


其 中 [表示 可 选项 , database_name 指 的 是 新 数据 库 的 名 称 。 数 据 库 名 称 在 SQL 
Server 的 实例 中 必须 唯一 ,并 且 必 须 符 合 标识 符 规 则 。 除 非 没 有 为 日 志文 件 指 定 逻 辑 名 
称 ,否则 database name 最 多 可 以 包含 128 个 字符 。 如 果 未 指定 逻辑 日 志文 件 名 称 , 则 SQL 
Server 将 通过 向 database name 追加 后 组 来 为 日 志 生 成 logical file name 和 os file name, iX 
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会 将 database_name 限制 为 123 个 字符 ,从 而 使 生成 的 逻辑 文件 名 称 不 超过 128 个 字符 。 
如 果 未 指定 数据 文件 的 名 称 , 则 SQL Server 使 用 database name 作为 logical file name 和 
os_file_name。 默 认 路 径 从 注册 表 中 获得 。 可 以 使 用 Management Studio 中 的 【服务 器 属 
性 了 C 数 据 库 设置 了 页) 更 改 默认 路 径 。 更 改 默认 路 径 要 求 重新 启动 SQL Server。 

ON 指定 显 式 定 义 用 来 存储 数据 库 数据 部 分 的 磁盘 文件 (数据 文件 )。 当 后 面 是 以 逗号 
分 隔 的 用 以 定义 主 文件 组 的 数据 文件 项 列表 时 ,需要 使 用 ON。 

LOG ON 指定 显 式 定义 用 来 存储 数据 库 日 志 的 磁盘 文件 (日 志文 件 )。LOG ON 后 跟 
以 逗号 分 隔 的 用 以 定义 日 志文 件 的 项 列表 。 如 果 没 有 指定 LOG ON ,将 自动 创建 一 个 日 志 
文件 ,其 大 小 为 该 数据 库 的 所 有 数据 文件 大 小 总 和 的 25% 或 512 KB, 取 两 者 之 中 的 较 大 
者 。 不 能 对 数据 库 快照 指定 LOG ON. 

ARHI: 创建 未 指定 文件 的 数据 库 。 

以 下 示例 创建 名 为 databasel 的 数据 库 , 并 创建 相应 的 主 文件 和 事务 日 志文 件 。 因 为 
语句 没有 所 filespec 盖 选项 ,所 以 主 数据 库 文 件 的 大 小 为 model 数据 库 主 文件 的 大 小 。 事 务 
日 志 将 设置 为 下 列 值 中 的 较 大 者 : 512KB 或 主 数据 文件 大 小 的 25%。 因 为 没有 指定 
MAXSIZE, 文 件 可 以 增 大 到 填 满 所 有 可 用 的 磁盘 空间 为 止 。 此 示例 演示 如 何在 创建 
databasel 数据 库 之 前 删除 名 为 databasel 的 数据 库 ( 如 果 它 存在 ) 。 

USE master; 

Go 

CREATE DATABASE clatabasel; 


ARB 2. 创建 指定 数据 和 事务 日 志文 件 的 数据 库 。 

下 面 的 示例 将 创建 数据 库 Sales。 因 为 没有 使 用 关键 字 PRIMARY, 第 一 个 文件 (Sales_ 
dat) 将 成 为 主 文件 。 因 为 在 Sales dat 文件 的 SIZE 参数 中 没有 指定 MB 或 KB, 将 使 用 MB 
并 按 MB 分 配 。Sales_log 文件 以 MB 为 单位 进行 分 配 , 因 为 SIZE 参数 中 显 式 声明 了 MB 
后 级 。 


CREATE DATABASE Sales 
CN (NAME- Sales dat, FILENAME- 'C:\ Program Files\Microsoft SOL 


Server\MSSQL10.MSSQLSERVFR\ MSSQL \ DATA\ saledat.mdf ', SIZE-10, MAXSIZE- 50, FILEGROWIH 
-5) 

IOG CN 

(NAME-Sales log, FILENE 'C:VProgram Files\Microsoft SQL 
Server \ MSSQLIO. MSSOLSERVER \ MSSQL \ DATA \ salelog. ldf ', SIZE- 9B, MAXSIZE- 29B, 
FIIECROWTH- B}; 


1.4.6 创建 表 


在 关系 型 数据 库 中 , 表 是 数据 的 组 织 形式 ,也 是 最 基本 的 数据 库 对 象 。 表 是 由 行 、 列 构 
成 的 二 维 结构 。 在 SQL Server 2008 中 ,可 以 通过 SQL Server Management Studio 提供 的 
图 形 界面 工具 或 T-SQL 相关 语句 对 表 进 行 创建 .修改 和 删除 等 。 在 具体 创建 表 之 前 , 先 来 
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理解 基本 数据 类 型 。 

(1) 理解 数据 类 型 

为 列 选择 数据 类 型 时 ,应 选择 期 望 存储 的 所 有 数据 值 的 数据 类 型 ,同时 使 所 需 的 空间 量 
最 小 。SQL Server 数据 类 型 有 7 类 ,如 表 1-1 所 示 。 


表 1-1 SQL Server 的 7 类 数据 类 型 


数据 类 型 分 类 基本 目的 

精确 数字 存储 带 小 数 或 不 带 小 数 的 精确 数字 

近似 数字 存储 带 小 数 或 不 带 小 数 的 数值 

货币 存储 带 小 数位 的 数值 ;专门 用 于 货币 值 ,最 多 可 以 有 4 个 小 数位 

日 期 和 时 间 存储 日 期 和 时 间 信息 ,并 强制 实施 特殊 的 年 代 规 则 ,如 拒绝 2 月 30 日 这 个 值 
字符 存储 基于 字符 的 可 变 长 度 的 值 

二 进 制 存储 以 严格 的 二 进 制 (0 和 1) 表 示 的 数据 

专用 数据 类 型 要 求 专门 处 理 的 复杂 数据 类 型 ,诸如 XML 文档 或 者 全 局 唯一 的 标识 符 (GUID) 


CD 精确 数字 数据 类 型 。 精 确 数字 数据 类 型 用 来 存储 没有 小 数位 或 有 多 个 小 数位 的 数 
值 。 使 用 任何 算术 运算 符 都 可 以 操纵 这 些 数据 类 型 中 存储 的 数值 ,而 不 需要 任何 特殊 处 理 。 
精确 数字 数据 类 型 的 存储 也 是 精确 定义 的 ,因此 ,无 论 是 Intel 处 理 器 架构 还 是 AMD 处 理 
器 架构 ,这 些 数据 类 型 中 存储 的 任何 数据 都 返回 和 计算 得 到 相同 的 值 。 表 1-2 列 出 了 SQL 
Server 支持 的 精确 数字 数据 类 型 。 
表 1-2 精确 数字 数据 类 型 


数据 类 型 fe fk 值 域 作 用 
bigint 8 字 节 一 2E63 一 2E63 一 1 存储 非常 大 的 正 、 负 整数 
int 4 字 节 一 2E31 一 2E31 一 1 存储 正 、 负 整数 
smallint 2 字 节 一 32 768 一 32 767 存储 正 、 负 整数 
tinyint 1 字 节 0~255 存储 小 范围 的 正 整 数 
decimalpss) | 人 所 不同 四 精度 ,需要 | 一 10E38++1~10E38 一 1 | 最 大 可 以 存储 ae 位 十 进 制 数 

; 依据 不 同 的 精度 ,需要 功能 上 等 价 于 decimal, 并 可 以 与 

numeric( p.s) 5~17 字 节 一 10E38 十 1 一 10E38 一 1 decimal 交换 使 用 


decimal 和 numeric 数据 类 型 接受 参数 来 完成 数据 类 型 定义 。 这 些 参数 定义 数据 类 型 
的 精度 和 小 数位 数 。 例 如 ,decimal(12.4) 定 义 了 一 个 总 共有 12 位 数字 的 十 进 制 值 , 其 中 小 
数 点 后 面 有 4 位 数字 。 

在 这 组 数据 类 型 中 ,int 和 dedcimal 是 最 常用 的 数据 类 型 。 使 用 decimal 数据 类 型 可 以 
存储 整 型 值 ,但 这 么 做 每 行 需要 额外 的 存储 字 节 ,因此 不 要 这 么 使 用 decimal 数据 类 型 。 如 
果 在 一 个 列 中 打算 存储 的 值 的 范围 不 超过 32 767, 则 通过 使 用 smallint 代替 int, 每 行 可 以 
节省 2 字 节 。 如 果 取 值 范围 只 是 在 0 一 255, 则 通过 使 用 tinyint 数据 类 型 ,每 行 可 以 节省 
3 字 节 。 
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O 近似 数字 数据 类 型 。 近 似 数 字数 据 类 型 可 以 存储 十 进 制 值 。 然 而 ,float 或 real 数 
据 类 型 中 存储 的 数据 ,只 能 精确 到 数据 类 型 定义 中 指定 的 精度 。 不 能 保证 小 数 点 右边 的 所 
有 数字 都 被 正确 存储 。 例 如 ,如 果 把 1. 000 154 54 存储 在 一 个 定义 为 float(8) 的 数据 类 型 
中 , 则 该 列 只 能 保证 精确 地 返回 1. 000 154。SQL Server 存储 数据 时 对 小 数 点 右边 的 数 进 
行 四 售 五 人 。 因 此 ,涉及 这 些 数 据 类 型 的 计算 ,会 出 现 舍 人 误差 。 在 Intel 处 理 器 和 AMD 
处 理 器 之 间 传 输 包 含 涉 及 这 些 数据 类 型 的 表 的 数据 库 时 ,也 会 引入 误差 。 表 1-3 列 出 了 
SQL Server 支持 的 近似 数字 数据 类 型 。 


表 1-3 近似 数字 数据 类 型 


数据 类 型 存储 取 值 范围 作 用 
float(p) |4 或 8 字 节 | 一 2.23E308 一 2. 23E308| 存 储 大 型 浮 点 数 ,超过 十 进 制 数据 类 型 的 容量 
real 4 字 节 一 3.4E38 一 3. 4E38 仍然 有 效 ,但 为 了 满足 SQL-92 标准 ,已 经 被 float 替换 了 


float 数据 类 型 在 定义 时 接受 一 个 参数 ,该 参数 决定 了 精确 存储 的 位 数 。 例 如 ,一 个 
float(8) 列 精确 存储 7 位 数字 ,任何 超过 该 数 的 位 数 都 会 遭遇 舍 人 误差 。 由 于 这 些 数据 类 型 
是 不 精确 的 ,所 以 几乎 不 使 用 它们 。 只 有 在 精确 数据 类 型 不 够 大 且 不 能 存储 数值 时 , 才 可 以 
考虑 使 用 float, 

@ 货币 数据 类 型 。 货 币 数据 类 型 旨 在 存储 精确 到 4 个 小 数位 的 货币 值 。 表 1-4 列 出 了 
SQL Server 支持 的 货币 数据 类 型 。 


表 1-4 货币 数据 类 型 


数据 类 型 | 存储 空间 取 值 范围 作 用 
money 8 字 节 | 一 922 337 203 685 477. 580 8 一 922 337 203 685 477.580 7 | 存储 大 型 货币 值 
smallmoney | 4 字 节 | 一 214 748. 364 8 一 214 748. 3647 存储 小 型 货币 值 


在 数据 库 中 几乎 不 定义 smallmoney 数据 类 型 ,尽管 对 很 多 处 理 产 品 和 订单 的 应 用 程序 
而 言 这 种 数据 类 型 是 最 精确 的 选择 。 由 于 不 正确 地 使 用 了 money 数据 类 型 ,使 每 行 数据 浪 
费 了 4 字 节 的 存储 空间 ,这 种 情况 是 比较 普遍 的 。 虽然 money 和 smallmoney 数据 类 型 旨 
在 存储 货币 值 ,但 在 金融 应 用 程序 中 几乎 不 使 用 它们 。 相 反 , 这 些 应 用 程序 使 用 decimal 数 
据 类 型 ,因为 它们 需要 执行 精确 到 6 个 、8 个 甚至 12 个 小 数位 的 计算 。 

@ 日 期 和 时 间 数 据 类 型 。 表 1-5 列 出 了 SQL Server 支持 的 日 期 和 时 间 数 据 类 型 。 

表 1-5 日 期 和 时 间 数 据 类 型 
日 期 类 型 存储 空间 取 值 范围 作 用 


JM "January 1, 1753” 到 “December 31. 
9999”, 精 度 为 3. 33ms 


存储 大 型 日 期 和 时 间 值 


datetime 8 字 节 


从 “January 1,1900” 到 “June 6,2079”, 精 


度 为 1min 存储 较 小 范围 的 日 期 和 时 间 值 


smalldatetime 4 字 节 


datetime 和 smalldatetime 数据 类 型 在 计算 机 内 部 是 作为 整数 存储 的 。datetime 数据 
类 型 存储 为 一 对 4 字 节 整数 ,它们 一 起 表示 自 1753 年 1 月 1 日 午夜 12 点 钟 经 过 的 毫秒 数 。 
Bü 4 字 节 存储 日 期 ,而 后 4 字 节 存储 时 间 。smalldatetime 数据 类 型 存储 为 一 对 2 字 节 整数 ， 
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它们 一 起 表示 自 1900 年 1 月 1 日 午夜 12 点 钟 经 过 的 分 钟 数 。 前 2 字 节 存储 日 期 ,后 两 个 
日 期 存储 时 间 。 

C) 字符 数据 类 型 。 存 储 字 符 数据 时 ,选择 一 种 为 此 目的 而 设计 的 数据 类 型 。 每 种 字符 
数据 类 型 使 用 1 个 或 2 字 节 存储 每 个 字符 ,具体 取决 于 该 数据 类 型 使 用 ANSICAmerican 
National Standards Institute) 编 码 还 是 Unicode 编码 。 

Unicode 数据 类 型 前 有 一 个 n。 例 如 ,nchar 是 Unicode 数据 类 型 ,对 应 于 使 用 ANSI 编 
码 的 char 数据 类 型 。 定 义 一 个 字符 数据 类 型 时 ,指定 该 列 允 许 存储 的 最 大 字 节 数 。 例 如 ， 
char(10) 最 多 可 以 存储 10 个 字符 ,因为 每 个 字符 要 求 1 字 节 的 存储 空间 ,而 nchar(10) 最 多 
可 以 存储 5 个 字符 ,因为 每 个 Unicode 字符 要 求 使 用 2 字 节 的 存储 空间 。 表 1-6 列 出 了 
SQL Server 支持 的 字符 数据 类 型 。 


表 1-6 字符 数据 类 型 


项 目 1 


数据 类 型 存储 空间 字 符 数 作 M 
char(n) 1 一 8000 字 节 最 多 8000 个 字符 固定 宽度 的 ANSI 数 据 类 型 
nchar(n) 2 一 8000 字 节 最 多 4000 个 字符 固定 宽度 的 Unicode 数据 类 型 
varchar(n) 1- 8000 字 节 最 多 8000 个 字符 固定 宽度 的 ANSI 数据 类 型 
varchar( max) 最 大 2GB 最 多 1 073 741 824 个 字符 可 变 宽度 的 ANSI 数据 类 型 
nvarchar(n) 2 一 8000 字 节 最 多 4000 个 字符 可 变 宽 度 的 Unicode 数据 类 型 
nvarchar(max) 最 大 2GB 最 多 536 870 912 个 字符 可 变 宽 度 的 Unicode 数据 类 型 
text 最 大 2GB 最 多 1 073 741 824 个 字符 可 变 宽度 的 ANSI 数据 类 型 
ntext 最 大 2GB 最 多 536 870 912 个 字符 可 变 宽 度 的 Unicode 数据 类 型 


为 什么 有 那么 多 看 起 来 好 像 相互 等 价 的 字符 数据 类 型 呢 ? 数据 类 型 的 区 别 可 能 不 怎么 
明显 ,但 是 它们 是 重要 的 。 一 个 char 数据 类 型 ,无 论 是 ANSI 标准 还 是 Unicode 标准 ,都 是 
固定 宽度 的 数据 类 型 。 因 此 ,不管 列 中 存储 多 少 个 字符 ,它们 总 是 消耗 相同 的 存储 空间 。 例 
如 ,一 个 char(30) 列 使 用 30 字 节 存储 空间 ,而 不 管 在 该 列 存储 1 个 字符 还 是 30 个 字符 。 任 
何 未 被 使 用 的 空间 都 用 空格 填补 ,直到 填 满 为 该 列 指定 的 存储 空间 。 然 而 ,一 个 varchar 
(30) 列 对 该 列 中 存储 的 每 个 字符 只 用 1 字 节 。 

text 和 ntext 数据 类 型 旨 在 存储 大 量 基 于 字符 的 数据 。 然 而 ,text 和 ntext 列 允 许 的 操 
作 不 是 很 多 。 例 如 ,不 能 使 用 等 于 运算 符 比 较 它们 ,也 不 能 连接 它们 。 很 多 系统 函数 也 不 能 
使 用 text 和 ntext 数据 类 型 。 

© 二 进 制 数据 类 型 。 有 很 多 时 候 需 要 存储 二 进 制 数据 。 因 此 ,SQL Server 提供 了 三 
种 二 进 制 数据 类 型 ,允许 在 一 个 表 中 存储 各 种 数量 的 二 进 制 数据 。 表 1-7 列 出 了 SQL 
Server 支持 二 进 制 数据 类 型 。 


表 17 二 进 制 数据 类 型 


数据 类 型 存储 空间 作 M 
binary(n) 1 一 8000 字 节 存储 固定 大 小 的 二 进 制 数据 
varbinary(n) 1-— 8000 字 节 存储 可 变 大 小 的 二 进 制 数据 
varbinary( max) 最 多 2GB 存储 可 变 大 小 的 二 进 制 数据 
image 最 多 2GB 存储 可 变 大 小 的 二 进 制 数据 
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二 进 制 数据 类 型 基本 上 用 来 存储 SQL Server 中 的 文件 。binary/varbinary 数据 类 型 用 
来 存储 小 文件 ,诸如 一 组 4KB sk 6KB 文件 ,其 中 包含 各 种 以 本 机 格式 表示 的 数据 文件 。 

image 数据 类 型 是 这 组 数据 类 型 中 最 流行 的 数据 类 型 。 虽 然 可 以 用 image 数据 类 型 存 
储 图片 ,但 也 可 以 使 用 这 种 数据 类 型 存储 Word, Excel, PDF 和 Visio 文档 。 使 用 image 数 
据 类 型 可 以 存储 任何 一 个 小 于 或 等 于 2GB 的 文件 。 这 种 数据 类 型 的 最 著名 的 实现 之 一 是 
TerraServer 项 目 ,这 是 一 个 高 达 几 TB 的 陆地 图 形 数据 库 , 可 以 在 www. terraserver. com 
上 访问 它 。varbinary(max) 数 据 类 型 是 SQL Server 2005 新 增 的 一 种 数据 类 型 。 它 可 以 存 
储 与 image 数据 类 型 相同 大 小 的 数据 ,并 且 可 以 使 用 它 执行 所 有 可 以 用 binary/varbinary 
数据 类 型 执行 的 操作 和 函数 。 

D 特殊 数据 类 型 。 除 了 上 述 标准 数据 类 型 外 ,SQL Server 还 提供 了 另外 7 种 特殊 数据 
类 型 。 表 1-8 描述 了 这 些 特殊 数据 类 型 。 


表 1-8 特殊 数据 类 型 


数据 类 型 作 M 
bit 存储 0、1 或 null。 用 于 基本 “标记 ” 值 。TRUE 被 转换 为 1 ,而 FALSE 被 转换 为 0 
一 个 自动 生成 的 值 。 每 个 数据 库 都 包含 一 个 内 部 计数 器 ,指定 一 个 不 与 实际 时 钟 关 
timestamp 联 的 相对 时 间 计 数 器 。 一 个 表 只 能 有 一 个 timestamp 列 , 并 在 插入 或 修改 行 时 被 设 


TOS CGU ERNST Te] ER 
uniqueidentifier | 一 个 16 位 GUID, 用 来 全 局 标识 数据 库 、 实 例 和 服务 器 中 的 一 行 


sql_variant 可 以 根据 其 中 存储 的 数据 改变 数据 类 型 。 最 多 存储 8000 字 节 

duum 供 声明 游标 的 应 用 程序 使 用 。 它 包含 一 个 可 用 于 操作 的 游标 的 引用 。 该 数据 类 型 不 
能 在 表 中 使 用 

vable 用 来 存储 随后 进行 的 处 理 的 结果 集 。 该 数据 类 型 不 能 用 于 列 。 该 数据 类 型 的 唯一 使 


用 时 机 是 在 触发 器 、 存 储 过 程 和 函数 中 声明 表 变 量 时 
Xml 存储 一 个 XML 文档 ,最 大 大 小 为 2GB。 可 以 指定 选项 ,强制 只 能 存储 格式 良好 的 文档 


(2) 使 用 SQL Server Management Studio 提供 的 图 形 界 面 工 具 创建 表 

SQL Server 2008 提供 两 种 创建 表 的 途径 。 其 中 一 种 是 使 用 SQL Server Management 
Studio 提供 的 图 形 界面 工具 创建 表 。 

A 示例 3: 利用 SQL Server Management Studio 图 形 界 面 工 具 , 在 名 为 databasel 的 
数据 库 下 建 一 个 名 字 为 Customer 的 表 。 该 示例 可 以 按 以 下 步骤 完成 。 

(D 打开 SQL Server Management Studio 图 形 界 面 工 具 , 输 入 用 户 名 和 密码 ,连接 数据 
库 实 例 。 

@ 在 “对 象 资源 管理 器 "窗口 中 双击 “数据 库 ”, 右 击 databasel 节点 下 的 “ 表 ”, 选 择 
“新 建 表 ”命令 ,如 图 1-16 所 示 。 

© 接着 在 右边 的 表 设计 器 中 输入 列 名 ,指定 相应 的 数据 类 型 以 及 是 否 允 许 空 值 ,如 
图 1-17 所 示 。 

CD 右 击 第 一 行 中 的 Customer_Id, 从 快捷 菜单 中 选择 “设置 主键 "命令 ,将 Customer Id 
设置 为 主键。 

© 单 击 工 具 栏 上 的 “保存 ”按钮 ,打开 “保存 ”对 话 框 ,输入 表 名 Customer, 单 击 “ 确 定 ” 
按钮 , 则 表 创 建成 功 。 
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(3) 使 用 CREATE TABLE 语句 创建 表 
CREATE TABLE 语句 用 于 创建 数据 库 中 的 表 。 其 格式 如 下 : 


CREATE TABIE 表 名 称 

( 
列 名 称 1 数据 类 型 ， 
列 名 称 2 数据 类 型 ， 
列 名 称 3 数据 类 型 ， 


) 


ARB a. 创建 名 字 为 Person 的 表 , 该 表 包含 5 个 列 , 列 名 分 别 是 : Id_P, LastName, 
FirstName, Address 以 及 City. 


CREATE TABIE Persons 

( 
Id P int primary key, 
IastName varchar (255), 
FirstName varchar (255), 
Address varchar (255), 
City varchar (255) 

) 


1.4.7 创建 外 键 约束 


外 键 (FOREIGN KEY,K) 是 用 于 建立 和 加 强 两 个 表 数 据 之 间 的 链接 的 一 列 或 多 列 。 
当 创 建 或 修改 表 时 ,可 通过 定义 FOREIGN KEY 约束 来 创建 外 键 。 在 外 刍 引 用 中 , 当 一 个 
表 的 列 被 引用 并 作为 另 一 个 表 的 主键 值 的 列 时 ,就 在 两 表 之 间 创 建 了 链接 。 这 个 列 就 成 为 
第 二 个 表 的 外 键 。 如 图 1-18 所 示 ,因为 销售 订单 和 销售 人 员 之 间 存 在 一 种 逻辑 关系 ,所 以 
AdventureWorks 数据 库 中 的 Sales. SalesOrderHeader 表 含 有 一 个 指向 Sales. SalesPerson 
表 的 链接 。SalesOrderHeader 表 中 的 SalesPersonID 列 与 SalesPerson 表 中 的 主键 列 相 对 
应 。SalesOrderHeader 表 中 的 SalesPersonID 列 是 指向 SalesPerson 表 的 外 键 。 

FOREIGN KEY 约束 并 不 仅仅 可 以 与 男 一 表 的 PRIMARY KEY 约束 相 链 接 , 它 还 可 
以 定义 为 引用 另 一 表 的 UNIQUE 约束 。FOREIGN KEY 约束 可 以 包含 空 值 ,但 是 ,如 果 任 
何 组 合 FOREIGN KEY 约束 的 列 包 含 空 值 , 则 将 跳 过 组 成 FOREIGN KEY 约束 的 所 有 值 
的 验证 。 若 要 确保 验证 了 组 合 FOREIGN KEY 约束 的 所 有 值 ,可 将 所 有 参与 列 指定 为 
NOT NULL. FOREIGN KEY 约束 的 主要 目的 是 控制 可 以 存储 在 外 键 表 中 的 数据 ,但 它 
还 可 以 控制 对 主键 表 中 数据 的 更 改 。 例 如 ,如 果 在 Sales. SalesPerson 表 中 删除 一 个 销售 人 
员 所 在 的 行 ,而 这 个 销售 人 员 的 ID 由 Sales. SalesOrderHeader 表 中 的 销售 订单 使 用 , 则 这 
两 个 表 之 间 关 联 的 完整 性 将 被 破坏 ;SalesOrderHeader 表 中 删除 的 销售 人 员 的 销售 订单 因 
为 与 SalesPerson 表 中 的 数据 没有 链接 而 变 得 孤立 了 。FOREIGN KEY 约束 有 效 防止 这 种 
情况 的 发 生 。 如 果 主 键 表 中 数据 的 更 改 使 之 与 外 键 表 中 数据 的 链接 失效 , 则 这 种 更 改 将 无 
法 实现 ,从 而 确保 了 引用 的 完整 性 。 如 果 试图 删除 主键 表 中 的 行 或 更 改 主键 值 ,而 该 主键 值 
与 另 一 表 的 FOREIGN KEY 约束 中 的 值 相对 应 , 则 该 操作 将 失败 。 若 要 成 功 更 改 或 删除 
FOREIGN KEY 约束 的 行 ,必须 先 在 外 键 表 中 删除 或 更 改 外 键 数据 。SQL Server 对 一 个 
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图 1-18 Sales. SalesOrderHeader 表 中 的 外 键 SalesPerson 


表 可 以 包含 的 FOREIGN KEY 约束 (引用 其 他 表 ) 数 没有 预定 义 限 制 , 对 引用 特定 表 的 其 他 
表 所 拥有 的 FOREIGN KEY 约束 数 也 没有 预定 义 的 限制 。 但 是 ,实际 的 FOREIGN KEY 
约束 数 会 受到 硬件 配置 以 及 数据 库 和 应 用 程序 的 设计 的 限制 。 建 议 表 中 包含 的 FOREIGN 
KEY 约束 不 要 超过 253 个 ,并 且 引 用 该 表 的 FOREIGN KEY 约束 也 不 要 超过 253 个 。 添 
加 外 键 约束 语法 如 下 : 


ALTER TABIE 表 名 ADD FOREIGN KEY ( 列 名 )REFERENCES 主 表 名 ( 主 表 中 的 主键 ) 
ARB 5. 根据 图 1-19 所 示 ,为 Orders 表 的 Id_P 列 创建 外 键 约束 。 


"Persons" &: 


Adams John Oxford Street London 
2 Bush | George Fifth Avenue New York 
Carter | Thomas Changan Street Beijing 


"Orders" &: 


77 895 
44 678 
22 456 


Blulwl- 


24 562 


ejej w w 


1-19 Orders 表 外 键 
Alter Table Orders add foreign key (Id P)references Persons (Id P) 
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1.4.8 创建 唯一 性 约束 


唯一 性 CUNIQUE) 约束 唯一 标识 数据 库 表 中 的 每 条 记录 。UNIQUE 和 PRIMARY 
KEY 约束 均 为 列 或 列 集合 提供 了 唯一 性 的 保证 。PRIMARY KEY 拥有 自动 定义 的 
UNIQUE 约束 。 请 注意 ,每 个 表 可 以 有 多 个 UNIQUE 约束 ,但 是 每 个 表 只 能 有 一 个 
PRIMARY KEY 约束 。 其 语法 如 下 : 


ALTER TABIE 表 名 ADD UNIQUE 哆 名 ) 
Ja 示例 6: H Orders ÁY OrderNo 列 创建 唯一 性 约束 ,确保 OrderNo 列 数据 不 重复 。 


Alter Table Orders add unique (OrderNo) 


15 项 目 实 施 


1.5.1 任务 1: GI E Smart On Line 电子 商城 数据 库 


项 目 小 组 经 过 小 组 讨论 ,最 终 形成 Smart On Line 电子 商城 数据 库 说 明文 档 。 项 目 负 
责 人 现在 要 求 数 据 库 开发 人 员 根 据说 明文 档 创 建 相 应 数据 库 。 数 据 库 各 表 具 体 说 明 见 
表 1-9—3 1-17, 


表 1-9 T Customer X 


序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
Customer_ID int 4 0 是 是 否 
2 Customer_Account | nvarchar 50 0 fi 
3 Customer. Pwd nvarchar 50 0 f 
4 Customer Age int 4 0 f 
5 Customer Phone nvarchar 50 0 是 是 
6 Customer_Email nvarchar 50 0 是 是 


表 1-10 T CustomerAddress X 


序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 CustomerAddress ID | int 4 0 是 是 f 
2 Customer ID int 4 0 是 f 
3 Customer_Address nvarchar 50 0 f 


X 1-11 T DetailsType X 


序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 DTID int 4 0 是 是 否 
2 DTName nvarchar 50 0 f 
3 DTTableName nvarchar 50 0 f 
4 DTBeizu nvarchar 50 0 fi 
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表 1-12 T Level X 
序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 Levell ID int 4 0 是 是 f 
2 Levell Name nvarchar 50 0 否 是 
3 Levell Desc nvarchar 500 0 是 
表 1-13 T_Level2 表 
序号 列 4 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 Level2_ID int 4 0 是 是 m 
2 Level2 Name nvarchar 50 0 f 是 
3 Level2_Desc nvarchar 500 0 是 
4 Levell ID int 4 0 是 是 
表 1-14 T Level3 X 
序号 列 名 数据 类 型 | KE | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 Level3_ID int 4 0 是 是 T 
2 Level3_Name nvarchar 50 0 f 是 
3 Level3 Desc nvarchar 500 0 是 
4 Level2_ID int 4 0 是 是 
5 Levell ID int 4 0 是 是 
表 1-15 T_Order X 
序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 Order_ID int 4 0 是 是 fi 
2 Order. Number nchar 10 0 fi 是 
3 CustomerAddress ID | int 4 0 是 f 
4 Pay. Form nchar 10 0 f 
5 Is Send bit 1 0 是 
6 Is Pay bit 1 0 f 
7 Pay_Time datetime 8 3 f 
表 1-16 T ShoppingCart X 
序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 ShoppingItem_ID int 4 0 是 是 否 
2 Customer_ID int 4 0 是 f 
3 Ware_ID int 4 0 是 fi 
4 Ware Qty int 4 0 fi 
5 Ware Sum float 8 0 是 
6 Order_ID int 4 0 是 是 
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表 1-17 T Ware X 


序号 列 名 数据 类 型 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 唯一 性 | 说 明 
1 Ware ID int 4 0 是 是 否 

2 Ware Number nchar 10 0 fi 是 
3 Ware Name nvarchar 200 0 f 

4 Ware Weight nchar 10 0 T 

5 Ware. Stock int 4 0 是 

6 Ware_Level3 int 4 0 fi 

7 Ware Price float 8 0 是 

8 Extend ID int 4 0 是 是 

9 Ware_Image nvarchar 50 0 是 

10 | DetailsType_ID int 4 0 是 

1. 任务 目标 


(1) 能 利用 SQL Server 2008 创建 数据 库 。 
(2) 能 根据 数据 库 说 明文 档 创 建 表 。 

2. 任务 内 容 

(1) 创建 Smart 数据 库 。 

(2) 在 Smart 数据 库 中 创建 表 。 

3. 任务 实施 步骤 


(1) 打开 SQL Server Management Studio 工具 , 单 击 工具 栏 中 的 “新 建 查询 ”按钮 ,打开 


查询 分 析 器 窗口 ,如 图 1-20 所 示 。 


[s Microsoft SQL Server Management Studis" 

x) We) WEM Gs MP) MO IAM GC) YEO mw) 
25 mw d $050505d4u, 

05] menter - RAD > *«pes(dr4auo:z:z L3 RAN 


[G1 27272227 À— ÉÁÉÓÁÉÁÓÁÉÁÉÓÁÓÁÓÁÓÁÁÁÉ— m 
peseessa Braut LL T7] | locab ($0 SPA) | Bge-PCVijie (52) | moster | 000000 | 0 行 


pet Prem X 


xa Li Ln chi [3 


图 1-20 查询 分 析 器 窗口 


(2) 在 查询 分 析 器 窗口 中 输入 Create Database Smart , 单 击 工具 栏 中 的 “执行 ?按钮 , 创 


建 Smart 数据 库 。 


(3) 在 查询 分 析 器 窗口 中 输入 Use Smart, 单 击 工具 栏 中 的 “执行 按钮 或 者 按 F5 键 ， 


将 当前 活动 数据 库 切 换 至 Smart 数据 库 。 


(D 接 下 来 创建 简单 表 。 继 续 在 查询 分 析 器 中 输入 下 列 创建 表 的 T-SQL 代码 ,输入 完 


毕 后 单 击 工具 栏 中 的 “执行 ”按钮 。 
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CREATE TABIE T Custamer( 

Custamer ID int IDENTITY (1,1) PRIMARY KEY, 
Customer Account nvarchar (50) NOT NULL, 
Customer Pwd nvarchar (50) NOT NULL, 
Custamer Age int NOT NULL, 

Custamer Phone nvarchar(50) NULL, 
Custamer Email nvarchar(50) NULL 

) 

CREATE TABIE T _CustomerAddress ( 
CustamerAddress ID int IDENTITY (1,1) PRIMARY KEY , 
Custamer ID int NOT NULL, 

Custamer Address nvarchar (50) NOT NULL 

) 

CREATE TABIE. T DetailsType( 

DTID int IDENTITY (1,1) PRIMARY KEY, 
DIName nvarchar (50) NOT NULL, 
DrTableName nvarchar (50)NOT NULL, 
DTBeizu nvarchar (50)NOT NULL, 

) 

CREATE TABIE T Levell( 

Ievell ID int IDENTITY (1,1) PRIMARY KEY, 
Levell Name nvarchar (50)NOT NULL, 
Ievell Desc nvarchar (500)NULL 


CREATE TABIE T Level2( 

Ievel2 ID int IDENTITY (1,1) PRIMARY KEY, 
Ievel2 Name nvarchar (50)NOT NULL, 
Ievel2 Desc nvarchar (500)NULL, 
levell ID int NULL 

) 

CREATE TABIE T Ievel3( 

Ievel3 ID int IDENTITY (1,1) PRIMARY KEY, 
level3 Name nvarchar (50)NOT NULL, 
Ievel3 Desc nvarchar (500)NULL, 
level2 ID int NULL, 

levell ID int NULL 

) 

CREATE TABIE T Order( 

Order ID int IDENTTTY (1, 1) FRIMARY KEY, 
Order Nurber nchar (10)NOT NULL, 
CustamerAddress ID int NOT NULL, 

Pay for nchar(10)NOT NULL, 

Is Sendbit NULL, 

Is Pay bit NOT NULL, 

Pay Time datetime NOT NULL 

) 

CREATE TABLE T Shoppingcart( 
ShoppingItem ID int IDENTTTY (1, 1) PRIMARY KEY, 
Custamer ID int NOT NULL, 

Ware ID int NOT NULL, 


项 目 1 数据 库 设计 及 创建 | 


25 


ASP NET 动 态 网 站 开发 


CREATE TABIE T Ware( 
Ware ID int IDENTITY (1,1) PRIMARY KEY, 
Ware Number nchar(10)NOT NULL, 
Ware Name nvarchar (200)NOT NULL, 
Ware Weight nchar(10)NOT NULL, 
Ware stock int NULL, 
Ware Ievel3 int NOT NULL, 
Ware Price float NULL, 
Extend ID int NULL, 
Ware Image nvarchar (50)NULL, 
DetailsType ID int NOT NULL 

) 


1.5.2 任务 2: 创建 表 外 键 约束 


1. 任务 目标 

A) 能 使 用 Alter Table 语句 创建 表 外 键 约束 。 

(2) 能 使 用 SQL Server Management Studio 工具 可 视 化 方式 创建 表 外 键 约束 。 

2. 任务 内 容 

根据 任务 1 中 给 出 的 数据 库 说 明 书 创建 表 外 键 约束 。 

3. 任务 实施 步骤 

创建 表 外 键 约束 可 以 采用 ALTER TABLE 语句 或 者 SQL Server Management Studio 
工具 的 可 视 化 界面 两 种 不 同方 式 。 在 任务 1. 5. 2 实施 过 程 中 ,将 介绍 采用 SQL Server 
Management Studio 工具 以 可 视 化 方式 创建 T_CustomerAddress 表 的 Customer. ID 列 的 
外 键 约 束 。 剩 余 的 外 键 约束 将 采用 Alter Table 语句 实现 。 

(1) 在 “对 象 资源 管理 器 ”窗口 中 , 单 击 “ 数 据 库 ”一 Smart 一 “ 表 ”, 再 右 击 
T_CustomerAddress, 然 后 选择 “设计 ”命令 ,打开 表 设 计 器 窗口 ,如 图 1-21 所 示 。 

(2) 右 击 Customer ID 列 名 ,再 单 击 “ 关 系 ” 命 令 ,打开 “外 键 关系 ”对话 框 。 

(3) 单 击 “添加 ”按钮 ,再 单 击 “ 表 和 列 规范 节点 ( 见 图 1-22) ,打开 * 表 和 列 ? 对 话 框 。 

(4) 单 击 “主键 表 ” 下 拉 列 表 , 选 择 T. Customer 表 。 接 着 单 击 “ 字 段 选择 "下拉 列表 , 选 
F$ Customer ID 字段 。 最 后 单 击 “* 确 定 ?按钮 , 则 T_CustomerAddress 表 的 Customer. ID 列 
的 外 键 创 建 完毕 。 

(5) 在 “查询 分 析 器 "窗口 中 输入 下 列 代码 ,完成 其 他 表 的 外 键 约束 的 创建 。 注 意 : 
T_Ware 表 的 Extend ID 列 参考 的 主 表 是 后 续 开 发 中 动态 创建 的 ,这 个 环节 和 暂 不 需 创 建 
外 键 。 

alter table T Ievel? a foreign key (Level? ID)references T Ievell (Ievell ID) 

alter table T Ievel3 aH foreign key (Level2 ID)referenoes T Level? (level? ID) 

alter table T Tevel3 aH foreign key (Levell ID)referenoes T Ievell (Ievell ID) 


alter table T Order add foreign key (CustamerAddress ID) 
references T CustamerAddress (CustamerAddress ID) 
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alter table T Shoppingcart add foreign key (Custamer Id) 

references T Custamer(Custamer ID) 
alter table T Shogpingoart aH foreign key (Order ID) references T Order (Order ID) 
alter table T Ware add foreign key (DetailsType ID) 

references T DetailsType(DetailsType ID) 
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图 1-21 表 设 计 器 窗口 


Sm om " eE 


= 


选 定 的 关系 (S): 
FK T CustomerAddress T_Cusl| ”正在 编辑 新 的 关系 的 尾 性 。 需要 先 填充 “ 表 和 列 规范 ” 尾 性 ,然后 才能 接受 
新 的 x. 


日 (常规 ) 


在 创建 或 重新 启用 时 检查 现 有 关 是 E 
日 标识 
(名 称 ) FK T CustomerAddress T CustomerAddr| 
说 明 
M 日 aas 
田 INSERT 和 UPDATE 规范 
强制 外 键 约 率 
SARTE 


加 Ho 


图 1-22 “外 键 关 系 ” 对 话 框 
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1.5.3 任务 3: 创建 唯一 性 约束 


1. 任务 目标 

能 运用 ALTER TABLE 语句 创建 唯一 性 约束 。 

2. 任务 内 容 

根据 1. 5. 1 中 任务 1 给 出 的 数据 库 说 明 书 ,给 相关 列 添加 唯一 性 约束 ,确保 列 数据 不 


复 


Hh 
eh 


3. 任务 实施 步骤 
(1) 打开 SQL Server Management Studio 工具 , 单 击 工具 栏 中 的 “新 建 查询 ”按钮 ,打开 
“查询 分 析 器 ”窗口 。 

(2) 在 “查询 分 析 器 ?窗口 中 输入 下 列 代码 并 按 F5 键 执行 命令 ,确保 T Customer 表 的 
Customer. Phone 列 和 Customer. Email Ji] , (T. Levell 表 的 Levell Name Jl], T Level2 表 的 
Level2 Name Ji, T Level3 表 的 Level3. Name JJ, T Order 表 的 Order Number 以 及 工 _ 
Ware 表 的 Ware Number 列 的 数据 不 重复 。 
alter table T Custamer add unique (Custamer Phone) 
alter table T Qustamer add unique (Custamer Email) 
alter table T Ievell add unique (Levell Name) 
alter table T Level? add unique (level? Name) 
alter table T Ievel3 add unique (Level3 Name) 
alter table T Order add unique (Order Nunber) 
alter table T Ware add unique (Ware Number) 


16 总 结 归 纳 


项 目 1 主要 介绍 了 Smart On Line 电子 商城 的 功能 和 数据 库 设 计 相关 的 基础 知识 , 包 
括 创 建 数 据 库 、 创 建 表 、 创 建 外 键 约束 和 唯一 性 约束 等 。 通 过 任务 1 .任务 2 和 任务 3 的 实 
施 ,培养 学 生 能 自主 根据 数据 库 设计 说 明 书 创建 符合 要 求 的 数据 库 及 其 相关 对 象 。 因 篇 幅 
关系 ,项 目 1 中 未 详细 介绍 数据 库 中 数据 增删 ` 改 操作 的 语句 和 相关 操作 步骤 ,请 大 家 利用 
业余 时 间 复 习 相 关 的 知识 。 


17 课 后 习题 


单项 选择 题 
1. 下 列 关 于 用 CREATE TABLE 语句 创建 数据 表 的 叙述 ,正确 的 是 ( Je 
A. 必须 在 数据 表 名 称 中 指定 表 所 属 的 数据 库 
B. 必须 指明 数据 表 的 所 有 者 
C. 指定 的 所 有 者 和 表 名 称 在 数据 库 中 必须 唯一 
D. 省 略 表 名 称 时 ,自动 创建 一 个 临时 表 
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2. 表 设计 器 的 “允许 空 ”, 用 于 创建 字段 的 ( PESE UM 


A. 主键 B. 外 键 C. CHECK D. 非 空 
3. 下 列 字 段 定 义 错误 的 是 ( Js 
A. 学 号 varchar(16) B. AŽ int 4 
C. 产量 float D. 价格 decimal(8.2) 
4. 不 属于 SQL Server 的 数据 类 型 是 ( 
A. 整 型 数据 类 型 B. 浮 点 数据 类 型 
C. 通用 型 数据 类 型 D. 字符 数据 类 型 
5. 不 属于 整 型 数据 类 型 的 是 ( a 
A. int B. smallint C. tinyint D. integer 
6. 如 果 数 据 表 中 某 个 字段 只 包含 1 一 200 的 整数 , 则 该 字段 最 好 定义 为 ( Je 
A. int B. smallint C. tinyint D. bit 
7. 如 果 数 据 表 中 某 个 字段 的 数据 精度 要 求 8 一 12 位 , 则 该 字段 最 好 定义 为 ( 
A. real B. smallint C. float D. money 
8. 某 个 字段 的 数据 类 型 定义 为 decimal(12.5) , 则 该 字段 有 ( ) 位 整数 。 
A. 12 B. 5 C. 6 D. 7 
9. 存储 诸如 “邮政 编码 ”的 字段 类 型 ,最 好 定义 为 ( m 
A. Char(6) B. varChar(6) C. NChar(6) D. NvarChar(6) 
1o. 存储 诸如 * 通 信 地 址 ”的 字段 类 型 ,最 好 定义 为 ( — D. 
A. Binary(n) B. varChar(n) C. Nbianry(n) D. Ntext 


18 同步 操练 


公司 业务 部 门 接 到 开发 酒店 管理 系统 的 业务 ,其 功能 性 需求 描述 如 表 1-18 所 示 。 项 目 
经 理 现 将 酒店 管理 系统 数据 库 设计 说 明 书 通过 邮箱 转发 给 数据 库 开 发 人 员 甲 ,要 求 其 根据 
数据 库 设计 说 明 书 创建 数据 库 及 各 表 和 对 象 ( 见 酒店 管理 系统 数据 库 文档 ) 。 
表 1-18 酒店 管理 系统 功能 性 需求 


功能 执行 者 功能 名 称 Hio XE 
登录 订房 顾客 .系统 管理 员 ,客房 前 台 在 输入 用 户 名 和 密码 之 后 通过 系统 验 
证 进入 相应 页 面 
订房 功能 处 理 上 门 订房 。 订房 信息 存 人 系统 ,并 可 显示 客房 使 用 情况 


订房 顾客 在 外 网 登录 后 ,可 以 查询 订房 顾客 、 房 间 、 起 始 时 间 、 结 束 时 


saaan OTAR | 则 ,定金 ,是 理 结账 等 信息 ,也 可 以 通过 客房 部 前 全 查询 
| 订 记 顾客 通过 客房 部 前 台 修改 订房 顾客 信息 、 房 间 、 起 始 时 间 、 结 束 时 
COO ”| 间 , 定 金 ,是 否 结账 等 信息 
NIB 订房 顾客 通过 客房 部 前 台 取 消 订 房 , 客 房 部 前 台 删 除 此 顾客 的 订房 
取消 订房 5B 
住宿 结算 住宿 后 ,系统 通过 已 记录 的 内 容 动 态 生 成 账单 
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续 表 
功能 执行 者 功能 名 称 描 R 
管理 员 进入 系统 管理 页 面 ,通过 此 页 面 管 理 员 可 以 添加 系 乡 
添加 系统 用 户 e a 面 , 通 过 此 页 面 管理 员 可 以 添加 系统 用 
查询 和 修改 用 户 | 在 此 页 面 ,管理 员 可 以 查询 系统 用 户 的 信息 和 修改 系统 用 户 的 密码 
系统 管理 员 删除 系统 用 户 在 此 页 面 ,管理 员 可 以 删除 相应 用 户 
添加 客房 客房 部 用 户 进 入 房间 添加 界面 ,在 输入 房间 编号 ` 房 间 类 型 和 房间 单价 
之 后 可 以 添加 房间 
删除 客房 客房 部 用 户 进入 房间 删除 界面 ,页 面 会 列 出 房间 列表 ,用 户 通过 选中 房 
间 , 单 击 “ 删 除 ” 按 钮 的 操作 删除 房间 
修改 密码 如 果 用 户 觉得 之 前 注册 的 密码 不 容易 记 或 太 简 单 ,可 以 修改 密码 
HA 修改 个 人 信息 “| 如 果 用 户 觉得 之 前 填写 的 报名 信息 不 准确 或 不 完善 ,可 以 修改 个 人 信息 
预订 客房 用 户 可 在 预订 客房 页 面 提前 预订 自己 需要 的 客房 


K 1-19 一 表 1-32 是 酒店 管理 系统 数据 库 文 档 。 


X 1-19 Dengji 
序号 列 名 数据 类 型 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 | 是 fm 
logintime nvarchar 60 0 f 
3 logouttime nvarchar 60 0 是 
4 kfid int 4 0 是 
5 fee decimal 9 0 是 0.0 
6 days nvarchar 60 0 是 
表 1-20 DengJiXiangXi 
序号 列 名 | 数据 类 型 | 长 度 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说明 
1 id int 4 0 是 是 f 
2 khid int 4 0 是 
3 djid int 4 0 是 
表 1-21 DengLuYongHu 
序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说明 
1 id int 4 0 是 是 f 
2 uname nvarchar 100 0 d 
3 password | nvarchar 100 0 f 
4 email nvarchar 100 0 f 
5 phone nvarchar 100 0 fi 
6 yhlb int 4 0 是 
7 fdid int 4 0 是 
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表 1-22 FenDian 


列 名 数据 类 型 | KE | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 默认 值 | LU] 


id int 4 0 是 是 否 
fdname nvarchar 100 0 fi 
location nvarchar 100 0 f 


列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 


id int 4 0 是 是 f 
2 roomnum | nvarchar 20 0 否 
3 status nvarchar 6 0 否 
4 fdid int 4 0 是 
5 kflbid int 4 0 是 


表 1-24 KeFangLeiBie 
列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 


id int 4 0 是 是 f 
typename | nvarchar 100 0 f 
price decimal 9 0 fi 
bookrate | decimal 9 0 f 
hourprice | decimal 9 0 f 
pic nvarchar 50 0 是 
表 1-25 KeHu 
列 名 数据 类 型 | 长 度 | 小 数位 | 标识 | 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
id int 4 0 是 是 i 
sid nvarchar 19 0 E 
3 uname nvarchar 100 0 f 
4 addr nvarchar 600 0 d 
5 gender nvarchar 6 0 f 
6 pwd nvarchar 50 0 是 


表 1-26 sysdiagrams 


列 名 数据 类 型 | 长 度 | 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
name sysname 256 0 f 
principal id | int 4 0 否 
diagram_id | int 4 0 是 是 f 
version int 4 0 是 
definition varbinary MAX 0 是 
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表 1-27 TempKeHu 


序号 列 名 数据 类 型 KE | 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 f 
2 sid nvarchar 19 0 否 
3 uname nvarchar 100 0 d 
X 1-28  YongHuLeiBie 
序号 列 名 数据 类 型 长 度 | 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 是 m 
2 shortcode nvarchar 60 0 f 
5 typename nvarchar 100 0 否 
表 1-29 YouHuiHuodong 
序号 列 名 数据 类 型 KE | 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 是 fm 
2 title nvarchar 100 0 f 
3 cont text 16 0 f 
4 begintime nvarchar 60 0 f 
5 endtime nvarchar 60 0 f 
X 1-30 YuDing 
序号 列 名 数据 类 型 | 长 度 | 小 数位 | 标识 主键 | 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 是 E 
2 khid int 4 0 是 
3 booktime nvarchar 100 0 i 
4 begintime nvarchar 100 0 fi 
5 endtime nvarchar 100 0 E 
6 isOver bit 1 0 f 
3X 1-31 YuDingXiangXi 
序号 列 名 | 数据 类 型 | 长 度 | 小 数位 | 标识 主键 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 是 f 
2 ydid int 4 0 是 
3 kfid int 4 0 是 
51-32. ZhuBanXinXi 
序号 列 名 数据 类 型 长 度 | 小 数位 | 标识 主键 外 键 | 允许 空 | 默认 值 | 说 明 
1 id int 4 0 是 是 f 
2 yhhdid int 4 0 是 
3 fdid int 4 0 是 
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21 项 目 引入 


李 明 是 Smart On Line 电子 商城 的 一 位 开发 人 员 , 接 到 任务 协助 创建 一 个 新 的 B2C 
(Business to Customer) 模 式 的 Smart On Line Web 应 用 程序 ,包括 设计 各 种 相关 页 面 。 要 
求 电 子 商 城 应 用 程序 实现 广告 轮 显 ,菜单 导航 、 所 有 页 面 风格 一 致 等 要 求 。 


22 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 , 建 议 Smart On Line 电子 商城 站 点 采用 Visual Studio 
. NET 2012 集 成 开发 环境 ,使 用 ASP. NET 技术 进行 开发 。“ 网 站 页 面 开 发 ” 子 项 目 分 解 为 
4 个 任务 进行 。 第 一 个 任务 是 建立 Smart On Line 电子 商城 站 点 ,添加 网 站 图 标 等 ;第 二 个 
任务 是 设计 Smart On Line 站 点 母 版 页 ,实现 站 点 页 面 风格 统一 ;第 三 个 任务 则 是 实现 网 站 
的 首页 页 面 制 作 ; 第 四 个 任务 是 实现 首页 广告 轮 显 。 


23 知识 准备 


2.3.1 ASP. NET 处 理 过 程 及 运行 机 制 


开发 Smart On Line 项 目 之 前 ,非常 有 必要 对 ASP. NET 处 理 过 程 及 运行 机 制作 下 具 
体 的 阐述 ,减少 程序 开发 过 程 中 碰 到 的 疑惑 。 网 站 开发 过 程 中 碰 到 的 第 一 个 关键 概念 就 是 
HTTP( HyperText Transfer Protocol) ,如 图 2-1 所 示 。 

1. 连接 到 Web 服务 器 

HTTP 是 计算 机 通过 网 络 进行 通信 的 协议 ,使 HTTP 客户 (如 Web 浏览 器 ) 能 够 从 
Web 服务 器 请 求 信 息 和 服务 。Web 浏览 器 与 Web 服务 器 连接 需要 完成 下 面 7 个 步骤 。 

(1) 建立 TCP 连接 。 

在 HTTP 工作 开始 之 前 .Web 浏览 器 首先 以 TCP 与 Web 服务 器 建立 连接 ,该 协议 与 
IP 共同 构建 Internet, 即 著名 的 TCP/IP 协议 族 , 因 此 Internet 又 被 称 作 TCP/IP 网 络 。 
HTTP 是 比 TCP 更 高 层次 的 应 用 层 协 议 , 根 据 规则 ,只 有 低层 协议 建立 之 后 才能 进行 更 高 
层 协 议 的 连接 ,因此 首先 要 建立 TCP 连接 ,一 般 TCP 连接 的 端口 号 是 80。 
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HTTP 请 求 
建立 连接 发 送 第 一 字 节 发 送 最 后 一 字 节 
服务 器 端 
互联 网 提供 商 NS 
Aron - x: ES 
DNS 寻 址 。 ”初始 化 连接 初始 化 HTTP 请 求 。 ”接收 第 一 字 节 接收 最 后 一 字 节 
(amr ) (。 创建 套 接 字 )( ”等待 数 据 接收 】 (数据 接收 完毕 ) 


图 2-1 HTTP 请 求 


(2) Web 浏览 器 向 Web 服务 器 发 送 请 求 命令 。 

一 旦 建立 了 TCP 连接 ,Web 浏览 器 就 会 向 Web 服务 器 发 送 请 求 命令 。 

(3) Web 浏览 器 发 送 请 求 头 信息 。 

浏览 器 发 送 其 请 求 命令 之 后 ,还 要 以 头 信息 的 形式 向 Web 服务 器 发 送 一 些 其 他 的 信 
A ,之 后 浏览 器 发 送 一 空白 行 来 通知 服务 器 ,标识 结束 该 头 信息 的 发 送 。 

(4) Web 服务 器 应 答 。 

客户 机 向 服务 器 发 出 请 求 后 ,服务 器 会 向 客户 机 回 送 应 答 *“HTTP/1. 1 200 OK". A 
的 第 一 部 分 是 协议 的 版 本 号 和 应 答 状 态 码 。 

(5) Web 服务 器 发 送 应 答 头 信息 。 

发 送 关 于 它 自 己 的 数据 及 被 请 求 的 文档 。 

(6) Web 服务 器 向 浏览 器 发 送 数据 。 

Web 服务 器 向 浏览 器 发 送 头 信息 后 , 它 会 发 送 一 个 空白 行 来 表示 头 信息 的 发 送 到 此 结 
东 , 接 着 它 以 Content-Type 应 答 头 信息 所 描述 的 格式 发 送 用 户 所 请 求 的 实际 数据 。 

(7) Web 服务 器 关闭 TCP 连接 。 

一 般 情况 下 ,一 旦 Web 服务 器 向 浏览 器 发 送 了 请 求 数据 , 它 就 要 关闭 TCP 连接 ,然后 
如 果 浏 览 器 或 者 服务 器 在 其 头 信 息 加 入 了 这 行 代码 (Connection: keep-alive) , TCP 连接 在 
发 送 后 将 仍然 保持 打开 状态 ,于 是 浏览 器 可 以 继续 通过 相同 的 连接 发 送 请 求 。 保 持 连 接 节 
省 了 为 每 个 请 求 建立 新 连接 所 需 的 时 间 ,节约 了 网 络 带宽 。 

2. 访问 ASP.NET 页 面 

当 通过 浏览 器 访问 一 个 ASP. NET 页 面 时 ,通常 要 经 过 8 个 处 理 过 程 , 如 图 2-2 所 示 。 

(OD 一 个 Web 浏览 器 客户 端 发 出 一 个 HTTP 请 求 访 问 . aspx 页 面 。 

(2) IISCInternet Information Services) 接收 请 求 并 将 其 转交 给 ASP. NET ISAPI 
处 理 。 

(3) ASP. NET 中 的 HTTP 运行 池 解 析 该 请 求 来 决定 调用 合适 的 HTTP 处 理 程序 或 
者 HTTP 处 理 程序 工厂 。 

(4) HTTP 模块 执行 请 求 预 处 理 ,包括 高 速 缓存 查询 和 授权 等 。 

(5) HTTP 处 理 程序 或 者 HTTP 处 理 程序 工厂 被 调用 ,进行 与 请 求 真 正 相 关 的 处 理 
工作 。 
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图 2-2 ASP. NET 请 求 处 理 过 程 


(6) 在 . aspx 页 面 请 求情 况 下 ,页 面 实 例 化 一 个 控件 树 , 同 时 显示 该 控件 树 来 形成 响应 。 

(7) HTTP 模块 执行 请 求 的 后 处 理 。 

(8) 相应 的 结果 发 送 回 Web 客户 端 。 

从 图 2-3 中 不 难 发 现 ,ASP. NET 页 面 运 行 的 整体 流程 和 一 般 处 理 程序 一 样 ,不 同 之 处 
在 于 它 调用 Page 类 的 ProcessRequest 方法 创建 页 面 控件 树 , 执 行 页 面 声明 周期 。 其 流程 
如 下 描述 。 

COD 调用 了 Page 类 的 ProcessRequest 方法 。 

(2) 打造 页 面 控件 树 (_buildControTree() 方 法 )。 

(3) 执行 页 面 生命 周期 ,方便 程序 员 在 事件 中 注册 方法 ,实现 自己 的 功能 。 

COD 调用 Render 方法 ,生成 HTML 代码 。 


2.3.2 Visual Studio 2012 集成 开发 工具 


在 本 项 目 中 ,使 用 微软 的 开发 工具 VS2012(Visual Studio . NET 2012) 进 行 代码 演练 。 
Visual Studio . NET 2012 是 一 个 强大 的 集成 开发 工具 ,为 开发 提供 了 丰富 的 开发 工具 (如 
图 2-4 所 示 ) 。 

VS2012 中 重要 的 工具 包括 “ 窗 体 设计 器 ”*“ 工 具 箱 ”“ 解 决 方案 资源 管理 器 *“ 属 性 窗 
口 ”"“ 对 象 浏览 器 ”等 ,大 多 数 工 具 可 从 “视图 "菜单 打开 。 表 2-1 描述 了 常用 窗口 及 其 对 应 
功能 。 
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图 2-4 Visual Studio 2012 IDE 漫游 


表 2-1 Visual Studio . NET 2012 集成 开发 环境 常用 窗口 及 功能 


窗口 用 途 
工具 箱 提供 控件 和 HTML 元 素 , 可 以 直接 拖 放 到 页 面 上 。 工 具 箱 的 元 素 是 按照 功能 划分 的 
工具 栏 提供 格式 化 文本 、 查 找 文本 和 其 他 命令 。 一 些 工 具 栏 只 会 在 使 用 设计 视图 时 可 用 
解决 方案 管理 器 | 显示 Web 站 点 上 的 文件 和 文件 夹 
属性 窗口 允许 更 改 页 面 、 控 件 和 其 他 对 象 属性 
视图 提供 统一 文档 的 不 同 视图 。 设 计 视图 是 一 种 近乎 所 见 即 所 得 的 编辑 界面 。 源 视图 

Tab 页 á eH ny 

是 这 个 页 面 的 HTML 编辑 器 
VS2012 集成 开发 环境 提供 了 智能 感知 功能 ,用 于 在 源 代码 视图 中 为 用 户 提供 有 关 服 


务 器 控件 HTML 控件 和 其 他 元 素 的 句法 信息 。 在 编码 时 ,不 必 让 代码 和 文本 编辑 器 或 即 
时 窗口 ,命令 窗口 执行 语言 元 素 搜索 。 直 接 向 代码 中 插入 语言 元 素 ,甚至 可 以 通过 智能 感知 
直接 完成 输入 工作 。 智 能 感知 功能 具体 包括 列 出 成 员 、 显 示 参 数 信息 两 个 常用 的 具体 功能 。 


1. 列 出 成 员 


输入 触发 器 字符 ,将 按 类 型 (或 命名 空间 ) 显 示 有 效 成 员 的 列表 ,如 图 2-5 所 示 。 如 果 继 
续 输 入 字符 , 则 列表 将 会 经 过 筛选 变 成 仅 包 括 这 些 字 符 开 头 的 成 员 。 在 选择 项 后 ,可 以 通过 


DateTimed| = 
1® Compare 2) 
:& DaysinMonth int DateTime.DaysInMonth(int year, int month) 返回 指定 年 的 指定 
:Q Equals 月 份 中 的 天 数 。 
FromBinary 
: FromFileTime 异常 为 System.ArgumentOutOfRangeException 
个 FromFilerimeutc 


1® FromOADate 
=È IsLeapYear | 
9 MaxValue | 
9 MinValue | 
2 Now 

€ Parse 

=@ Parse£xact 

: ReferenceEquals. 
二 SpecifyKind 


图 2-5 列 出 成 员 功 能 
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Ti Tab 键 或 Space 键 将 其 插入 到 代码 中 。 如 果 选 择 一 个 项 目 并 输入 句点 ,将 出 现 该 项 目 ， 
其 后 紧 跟 句点 并 带 出 另 一 个 成 员 列 表 。 在 成 员 列 表 中 ,左边 的 图 标 表示 成 员 的 类 型 ,如 命名 
空间 类、 函数 或 变量 。 列 表 较 长 时 可 以 按 PageUp 和 PageDown 键 来 在 列表 中 上 下 移动 。 

此 外 也 可 以 通过 按 Ctrl 十 组 合 键 , 单 击 “ 编 辑 ” 一 IntelliSense 一 “ 列 出 成 员 " 命 令 或 在 
编辑 器 工具 栏 上 单 击 “ 列 出 成 员 ” 按 钮 来 手动 调用 “ 列 出 成 员 ” 功 能 。 在 空 行 上 或 可 识别 范围 
之 外 调用 列表 时 ,将 显示 全 局 命名 空间 中 的 符号 。 

2. 显示 参数 信息 

“显示 参数 信息 ”功能 提供 有 关 函 数 或 特性 所 需 的 参数 数目 ,参数 名 称 和 参数 类 型 的 信 
息 、 特 性 泛 型 类 型 参数 或 模板 。 当 输入 一 个 函数 时 ,以 ooorine comet 
粗 体 显 示 的 参数 表示 输入 函数 所 需 的 下 一 参数 (如 aA onone EE 
图 2-6 所 示 )。 对 于 重 载 函数 ,可 以 按 PageUp 和 E26 显示 参数 信息 
PageDown 键 查看 函数 重 载 的 其 他 参数 信息 。 


2.3.3 使 用 Visual Studio 2012 创建 Web 站 点 、 编 辑 页 面 


使 用 VS2012 集成 开发 环境 进行 项 目 开发 时 ,创建 Web 站 点 和 编辑 页 面 是 常用 的 两 项 
操作 。 下 面 就 如 何 创建 Web 站 点 和 编辑 页 面 进行 讲解 。 

1. 创建 web 站 点 

当 开发 一 个 新 的 Web 动态 网 站 或 信息 系统 时 ,首先 需要 创建 一 个 新 的 网 站 。 下 面 介绍 
创建 新 Web 站 点 的 详细 步 又。 

(1) 打开 Visual Studio 2012 . NET 集成 开发 环境 , 单 击 “ 文 件 ” 一 “新 建 "菜单 ,然后 选 
择 “ 网 站 ”命令 。 

(2) 在 “新 建 网 站 ”对 话 框 中 , 单 击 *ASP. NET 空 网 站 ?选项 。 

(3) 在 “位 置 "文本 框 中 ,输入 所 创建 Web 站 点 的 路 径 和 文件 来。 可 以 是 一 个 本 地 路 径 
或 者 是 网 络 计算 机 的 UNC 路 径 。 

(4) 如 果 需 要 通过 浏览 查找 已 有 的 目录 ,请 按照 以 下 方法 。 

(D 单 击 “ 浏 览 ? 按 钮 。 

Q) 在 “选择 位 置 ?对 话 框 中 , 单 击 “ 文 件 系统 ”选项 卡 。 

@ 在 文件 系统 中 ,选择 所 想 使 用 的 文件 夹 或 者 在 “文件 夹 " 文 本 框 中 输入 路 径 。 

@ 单 击 “ 打 开 ” 按 钮 ,返回 “新 建 Web 站 点 ”对 话 框 。 

(5) 单 击 OK 按钮 。 

通过 上 面 5 个 步骤 ,就 完成 了 Web 站 点 的 创建 ,并 在 解决 方案 管理 器 中 显示 相关 文 
件 夹 。 

注意 : 在 Visual Studio .NET 2012 旗舰 版 本 中 新 建 Web 站 点 ,不 会 生成 默认 页 面 , 需 
要 添加 新 的 Web 窗 体 页 面 ( 见 添加 新 的 Web 窗 体 页 面 )。 

2. 添加 新 的 Web 窗 体 页 面 

可 以 添加 很 多 类 型 的 页 面 和 组 件 到 Web 站 点 中 ,包括 简单 的 HTML H, AAE 
表 、Web 配置 文件 和 ASP. NET Web 窗 体 。 假 设 需要 创建 一 个 新 的 用 于 显示 相关 信息 的 页 
面 ,添加 窗 体 的 步骤 如 下 。 

CD 在 解决 方案 资源 管理 器 中 , 右 击 Web 站 点 (例如 C:N\Web) ,然后 单 击 “ 添 加 新 项 ”菜单 项 。 
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(2) 在 Visual Studio 已 安装 的 模板 中 , 单 击 “Web 窗 体 ” 选 项 。 

(3) 在 “名 称 ” 文 本 框 中 ,输入 ProductInfo。 

(4) 单 击 “ 将 代码 放 在 单独 的 文件 中 ” 复 选 框 ,取消 选择 “将 代码 放 在 单独 的 文件 中 ”选项 。 

在 这 个 示例 中 ,将 创建 一 个 包含 代码 和 HTML 的 单 文件 页 面 。ASP. NET 提供 两 个 用 
于 管理 可 视 元 素 和 代码 的 模型 , 即 单 文件 页 模型 和 代码 隐藏 页 模型 。 这 两 个 模型 功能 相同 ， 
两 种 模型 中 可 以 使 用 相同 的 控件 和 代码 。 在 单 文件 页 模型 中 ,页 的 标记 及 其 编程 代码 位 于 
同一 个 物理 文件 中 (. aspx) 。 编 程 代码 位 于 Script 块 中 ,该 块 包含 runat= server 属性 ,此 属 
性 将 其 标记 为 ASP. NET 应 执行 的 代码 。 其 中 ,Script 块 可 以 包含 Web 页 所 需 的 任意 多 的 
代码 。 代 码 可 以 包含 页 中 控件 的 事件 处 理 程序 方法 、 属 性 及 通常 在 类 文件 中 使 用 的 任何 其 
他 代码 。 在 对 该 页 进行 编译 时 ,编译 器 将 生成 和 编译 一 个 从 Page 基 类 派生 或 从 使 用 @Page 
指令 的 Inherits 属性 定义 的 自 定义 基 类 派生 的 新 类 。 例 如 ,如 果 在 应 用 程序 的 根 目录 中 创建 一 
个 名 为 Login 的 ASP. NET 新 网 页 , 则 随后 将 从 Page 类 派生 一 个 名 为 ASP. Login aspx 的 新 
类 。 对 于 应 用 程序 子 文件 夹 中 的 页 ,将 使 用 子 文件 夹 名 称 作 为 生成 的 类 的 一 部 分 。 生 成 的 
类 中 包含 .aspx 页 中 的 控件 的 声明 以 及 事件 处 理 程序 和 其 他 自 定义 代码 。 在 生成 页 之 后 ， 
生成 的 类 将 编译 成 程序 集 , 并 将 该 程序 集 加 载 到 应 用 程序 域 ,然后 对 该 页 类 进行 实例 化 并 执 
行 该 页 类 ,以 将 输出 呈现 到 浏览 器 。 

在 代码 隐藏 模型 中 ,页 的 标记 和 服务 器 端 元 素 ( 包 括 控件 声明 ) 位 于 . aspx 文件 中 ,而 页 
代码 则 位 于 单独 的 代码 文件 中 。 该 代码 文件 包含 一 个 分 部 类 ,类 是 使 用 partial 关键 字 进 行 
声明 的 ,以 表示 该 代码 文件 只 包含 构成 该 页 的 完整 类 的 全 体 代 码 的 一 部 分 。 而 在 页 运行 时 ， 
编译 器 将 读 取 . aspx 页 以 及 它 在 @Page 指令 中 引用 的 文件 ,将 它们 汇编 成 单个 类 ,然后 将 它 
们 作为 一 个 单元 编译 为 单个 类 。 在 分 部 类 中 ,添加 应 用 程序 要 求 该 页 所 具有 的 代码 。 此 代 
码 通常 由 事件 处 理 程序 构成 ,但 是 也 可 以 包括 需要 的 任何 方法 或 属性 。 

3. 添加 控件 

VS2012 提供 了 丰富 的 控件 ,帮助 开发 者 设计 良好 的 用 户 界 面 。VS2012 中 向 Web 页 
面 添加 控件 可 以 通过 两 种 方式 : 一 是 选择 某 种 控件 , 拖 放 控 件 到 页 面 ;二 是 双击 控件 ,自动 
将 控件 添加 到 页 面 特定 位 置 。 

下 面 通过 “ 单 击 按钮 ,在 标签 中 显示 文本 框 中 的 姓名 ”简单 功能 来 描述 和 演示 如 何 向 
Web 窗 体 中 添加 控件 和 设置 属性 ,界面 如 图 2-7 所 示 。 下 面 步 又 描述 如 何 添加 TextBox, 


LWram 
'- [B napVocahostlil4s/simplepageaspx D+ Rox)|S ear xha Q Ye 
x &- 
BP. Tonny 
你 输入 的 用 户 名 为 ， 
Hm ) 


@:= 


图 2-7 显示 输入 框 中 的 姓名 的 简单 功能 
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Label 和 Button 控件 到 页 面 中 。 

添加 控件 到 页 面 步骤 的 简单 描述 如 下 。 

CD 单 击 “设计 ?选项 卡 ,切换 到 “设计 视图 ”。 

(2) 从 “标准 ”组 中 拖 放 三 个 控件 到 页 面 上 : 一 个 TextBox 控件 ,一 个 Button 控件 和 一 
个 Label 控件 ,ID 分 别 为 TextBoxl、Buttonl 和 Labell. 

(3) 单 击 页 面 ,在 页 面 左 端 输入 “用 户 名 ”文本 作为 TextBox 控件 的 标签 。ASP. NET 
允许 在 同一 个 页 面 上 混合 使 用 静态 HTML 和 服务 器 控件 。 

4. 设置 控件 属性 

VS2012 提供 多 种 方式 来 设置 页 面 中 控件 的 属性 。 在 本 节 中 ,通过 在 “设计 ”和 “ 源 ” 视 
图 下 设置 按钮 文本 和 颜色 ,讲解 属性 设置 的 两 种 常用 途径 。 其 基本 步骤 如 下 。 

(1) 单 击 Button 控件 ,然后 在 “属性 窗口 ?中 的 Text 属性 框 中 输入 "显示 姓名 ”。 

(2) 单 击 “ 源 ”选项 卡 。 

这 时 将 以 “ 源 ” 视 图 方式 显示 页 面 的 HTML。VS2012 提供 了 “设计 ”“ 源 ”和 *“ 拆 分 ”三 
种 视图 方式 。“ 设 计 ” 视 图 使 用 一 种 近似 所 见 即 所 得 的 视图 来 显示 ASP. NET 网 页 、 母 版 
页 内容 页 .HTML 页 和 用 户 控 件 。 通 过 “设计 ”视图 可 以 对 文本 和 元 素 进 行 以 下 操作 : S 
加 、 定 位 .调整 大 小 以 及 使 用 特殊 菜单 或 “属性 ?窗口 设置 其 属性 .“ 设 计 ? 视 图 只 显示 文档 的 
正文 , 即 显 示 志 body 之 和 所 /body 之 标记 之 间 的 部 分 。 虽 然 使 用 “文档 属性 ?窗口 可 以 编辑 
head 元 素 的 某 些 属性 (如 文档 的 标题 ) ,但 必须 切换 到 * 源 ”视图 ,才能 编辑 不 在 body 元 素 内 
的 那些 元 素 的 属性 .“ 源 ”视图 显示 所 有 的 HTML 元 素 和 脚本 ,包括 VS2012 为 服务 器 控件 
创建 的 元 素 。 控 件 用 类 似 HTML 的 句法 描述 ,除了 标签 首部 "asp:” 和 属性 runat = server. 
其 余 则 作为 HTML 属性 来 声明 。 

注意 : 控件 包含 在 一 form 二 元 素 中 ,该 元 素 同 样 具有 "runat 一 server” 属 性 。runat 一 
server 属性 和 控件 标签 的 首 字符 “asp:? 标 识 使 得 控件 在 页 面 运 行 时 被 Web 服务 器 上 的 
ASP. NET 处 理 。 在 二 form 二 和 < 一 script runat — server 二 元 素 外 的 代码 会 被 浏览 器 当 作 客 
户 端 代码 。 

(3)“ 源 ”视图 方式 下 , 单 击 标签 二 asp:Label 记 后 面 的 空白 处 ,然后 按 space 键 ,系统 将 
弹出 一 个 下 拉 菜 单 ,显示 可 以 为 Label 控件 设置 的 属性 。 

(4) 弹出 的 下 拉 属 性 列表 中 , 单 击 ForeColor 列表 项 ,接着 输入 等 号 ,智能 感知 将 显示 
出 可 用 的 颜色 列表 。 在 任何 时 候 , 按 Ctrl 十 J 组 合 键 即 可 实现 智能 感知 下 拉 菜 单 。 

(5) 单 击 列表 项 (例如 Blue) ,将 ForeColor 属性 修改 为 已 选 的 颜色 值 。 


2.3.4 使 用 母 版 页 统一 页 面 风格 


使 网 站 有 统一 的 外 观 和 操作 方式 是 开发 人 员 一 直 试 图 解决 的 一 个 问题 。 大 多 数 网 站 都 
有 标题 脚 标 和 菜单 结构 ,但 它们 对 放置 其 中 的 各 个 项 目的 处 理 方式 不 同 。 在 ASP. NET 
中 ,用 户 控件 (和 CSS) 提 供 了 使 网 站 布局 保持 一 致 的 最 佳 方案 ,因为 它们 是 面向 对 象 的 ,可 
以 定义 一 个 或 多 个 页 面 上 的 通用 标题 . 脚 标 和 菜单 。 但 是 ,大 多 数 开 发 人 员 都 要 在 每 个 页 面 
上 使 用 Reference 指令 以 及 相关 的 TagPrefix 和 TagName 属性 来 引用 用 户 控件 ,导致 代码 
的 重复 。 为 了 解决 这 些 重复 代码 的 问题 ,一 些 开发 人 员 尝 试 把 用 户 控 件 租 入 其 他 用 户 控 件 
中 。 这 个 方式 的 确 有 效 , 但 在 加 载 或 回 送 操作 中 需要 编程 访问 控件 时 ,内 套 的 对 象 模型 很 难 
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使 用 。ASP. NET 为 网 站 提供 统一 的 布局 和 结构 。 该 方式 不 是 采用 艇 套 的 用 户 控件 .定制 
类 和 模板 ,而 是 使 用 ASP. NET 的 母 版 页 。 通 过 使 用 母 版 页 技术 定义 网 站 的 整体 布局 , 且 
所 花 的 时 间 和 精力 非常 少 。 它 们 可 以 在 一 个 地 方 定义 ,在 整个 网 站 上 共享 , 且 不 需要 把 标 
题 .菜单 和 用 户 控件 硬 编码 到 每 个 页 面 上 。 

1. 母 版 页 基础 

母 版 页 提供 了 一 种 简单 而 高 效 的 模板 框架 , 它 允 许 在 一 个 模板 文件 中 定义 网 站 的 公共 
组 件 ,例如 菜单 ,标题 和 脚 标 。 这 将 快速 而 轻松 地 修改 网 站 的 整体 外 观 \ 操 作 方 式 和 布局 , 因 
为 对 母 版 页 模板 的 修改 会 自动 应 用 于 整个 网 站 。 许 多 网 站 都 只 需要 一 个 母 版 页 ,但 也 可 以 
根据 需要 创建 多 个 母 版 页 一 一 一 个 用 于 主页 .一 个 用 于 子 页 面 。 母 版 页 也 可 以 根据 用 户 的 
配置 或 其 他 条 件 动态 加 载 ,因此 很 容易 提供 页 面 的 可 打印 版 本 ,而 无 须 修改 页 面 的 内 容 。 所 
有 的 母 版 页 都 有 . master 扩展 名 , 它 映射 到 处 理 程序 System. Web. HttpForbidden Handler 
上 。 这 个 映射 在 Web 服务 器 的 默认 web. config 文件 中 定义 ,可 以 防止 母 版 页 直接 在 浏览 
器 中 打开 ,就 好 像 带 . ascx I. config 扩展 名 的 文件 不 能 用 浏览 器 查看 一 样 。 试 图 在 浏览 器 
中 查看 扩展 名 为 . master 的 文件 ,会 导致 一 个 “这 类 页 面 不 能 打开 ”的 错误 。 母 版 页 依赖 
. NET Framework 中 的 已 有 类 来 执行 其 逻辑 。 它 们 直接 派生 自 UserControl 28: 


public class MasterPage: System.Web.UI .UserControl 


派生 自 UserControl 类 的 结果 是 , 母 版 页 有 一 组 标准 的 属性 ,例如 Page, Session, 
Request 和 Response, 它 们 可 以 以 编程 方式 访问 。 母 版 页 不 能 直接 在 Internet Information 
Services(IIS) 应 用 程序 (如 用 户 控件 ) 之 间 共 享 ,否则 会 生成 一 个 错误 。 简 单 的 母 版 页 
(AdminMP. master) 如 示例 2-1(AdminMP. master) 所 示 。 


JOY m BI 1. 简单 母 版 页 (AdminMP. master). 


< $6 Master Language= "Cft" AutcEventWi reup- "true" CodeFile- "dminMP.master.cs" Inherits- "Admin RGmirMP" 
$> 
« ! DOCTYPE html PUBLIC "- //W3C//DTD XHIML 1.0 Transitional//EN" "http: //Www.wW3.org/TR/xhtml 1/DTD/xhtml1 
- transitional.dtd"» 
<html xmins- "http: //www.w3.org/1999/xhtml "> 
< head runat- "server"> 
«title < /title> 
< link href=". ./css/Acmin.css" rel= "Stylesheet" /> 
< /head» 
<body> 
< fom id- "fom" runat- "server"> 
<div id- "containerdiv"> 
<div id- "headerdiv'» 
</div> 
<div id- "nawiv"> 
< asp:TreeView ID= "TreeViewl" runat- "server" BorderColor- " 
#0c0000" 
BorderStyle- "Solid" BorderWidthr- "1px" ShowLines- "True" 
< HoverNodeStyle BackColor- "4993366" /> 
«Nodes» 
< asp:TreeNode 
NavigateUrl- "—-/Actin/Tevel IMenagarent/ InsertTevel l asp?" 
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"Ext "55 JI — 2. H R" Value "s JI — H R ">< /asp:TesNpde> 
«asp:TreeNode 

NavigateUri- "~ /2cmin/TevelIManagarent/Edi tTevell asg" 

Tt= "Aj 4H — H 3 " Value- "ji 48 — 9t H SR ">< /asp:TresNbde> 
< asp:TreeNode 

NavigateUrl- "~ /Acmin/Level?Management/Tevel?Insert. 

asp" 

Text= 吧 加 二 级 目录 "Value=" 添 加 二 级 目录 ">< /asp:TesNode> 


NavigateUrLE- "~ /Pdmin/TevelManagement /FditIevel2.aspx" 

Tst= "ji 4H. — 2 H R" Value- "Ai 4H. — 2 H SR ">< /asp:TreeNode» 
« asp:TreeNode 

NavigateUrl- "~ /Acmin/Level3Management/Insertlevel3. 

asp" 

Tt= "RI 2 H R" Vau "R 2 H R "> < /asp:TesNbde> 
< asp:TreeNode 

NavigateUrl- "- /Acin/Tevel3Vanagarent /EditTevel3.aspk'" 

Text "ji 4H — 2 H R" Value- "i f — 2 H 5i ">< /asp:TreeNode» 
< asp:TreeNode NavigateUrl- "^ /Acmin/ActiTtem.aspx" 

Text "is Jl ili à " Value= "ifs JI ibi i "> 
< /asp:TreeNode» 
<asp:TesNbde "esi "ji E jd vi" Value "i 41 TU vi "> < /asp:TesNede> 


« /Nodes» 

< NodeStyle ImageUrl- "~ /WebIcon/Green Ball.png" /> 

< SelectedNodeStyle ImageUrl- "~ WebIcon/Blue Ball.png" /> 
< /asp:TreeView» 


« /div» 


<div iŒ "contentdiv''» 
<asp:ContentPlaceHplder id "ContentPlaceHplderl" runat- "server! 
放置 正文 内 容 
< /asp:ContentPlaoeHolder^ 


« /div» 


<div id "footdiv'» 
CopyRight: NBCC« /div» 


« /div» 
</form> 
< /body> 
< /ntml» 


上 面 示例 1 中 的 代码 定义 了 TreeView, Wii Banner 和 脚 标 在 页 面 整个 结构 中 的 位 置 ， 
还 使 用 ContentPlaceHolder 服务 器 控件 定义 了 页 面 内 容 在 母 版 页 中 的 位 置 。 
ContentPlaceHolder 派生 自 Control, 它 并 不 添加 自己 的 属性 、 方 法 或 事件 。 其 唯一 作用 是 
标记 页 面 内 容 在 母 版 页 模板 中 的 位 置 。 这 里 的 母 版 页 只 有 一 个 ContentPlaceHolder 控件 ， 
但 如 果 页 面 的 内 容 应 该 位 于 不 同 的 区 域 ( 例 如 左 列 和 右 列 ), 就 可 以 添加 多 个 
ContentPlaceHolder 控件 。 添 加 多 个 ContentPlaceHolder 控件 时 ,需要 确保 每 个 控件 都 有 
唯一 的 ID。 和 母 版 页 与 普通 的 . aspx i fX 65 dE 2$ 48 DL. A Y. 8215 < html >, < body >, 
<form> $ Web 元 素 , 但 是 ,与 普通 页 面 还 是 存在 差异 。 差 异 主要 有 两 处 ( 粗 体 代码 所 示 ) 。 
差异 一 是 代码 头 不 同 , 母 版 页 使 用 的 是 Master, 而 普通 . aspx 文件 使 用 的 是 Page。 除 此 之 
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外 ,二 者 在 代码 头 方面 是 相同 的 。 差 异 二 是 母 版 页 中 声明 了 控件 ContentPlaceHolder. ,而 在 
普通 . aspx 文件 中 是 不 允许 使 用 该 控件 的 。 

特别 需要 注意 的 是 ,在 母 版 页 中 定义 的 图 像 或 其 他 资源 的 路 径 与 使 用 母 版 页 显示 的 实 
际 页 面相 关 , 该 路 径 与 母 版 页 本 身 的 位 置 没 有 关系 。 例 如 ,如 果 一 个 页 面 位 于 网 站 的 根 目录 
下 , 且 存 在 一 个 Images 子 文件 夹 , 则 使 用 Images/ImageName. gif 定义 母 版 页 中 的 图 像 就 
是 正确 的 ,因为 Images 子 文件 夹 位 于 该 页 面 的 下 一 级 。 对 于 不 位 于 网 站 根 目 录 的 页 面 ,该 
路 径 不 起 作用 ,最 终 会 导致 图 像 在 浏览 器 中 由 于 找 不 到 源 文件 而 不 显示 。 应 该 把 母 版 页 的 
路 径 定义 为 当前 网 站 根 目录 中 的 图 像样 式 表 、JavaScript 文件 等 。 对 于 ASP. NET 服务 器 
控件 ,如 Image 控件 ,可 使 用 一 字符 表示 图 像 路 径 从 网 站 的 根 目录 开始 。 母 版 页 允许 采用 
页 面 代码 分 离 方式 ,以 使 HTML 代码 和 编程 代码 清晰 地 分 隔 开 来 ,就 像 ASP. NET Web fi 
体 和 用 户 控 件 那 样 。 示 例 1 中 的 母 版 页 示例 与 一 个 C# 类 AdminMP 关联 起 来 ,该 类 位 于 
AdminMP. master. cs 文件 中 。 标 准 事件 处 理 程序 ,如 Page_Load、Page_PreRender 等 都 可 
以 包含 进来 ,以 便 在 运行 期 间 动态 修改 母 版 页 的 内 容 。 

2. 创建 和 使 用 母 版 页 

母 版 页 中 包含 的 是 页 面 公 共 部 分 , 即 网 页 模板 。 因 此 ,在 创建 示例 之 前 ,必须 判断 哪些 
内 容 是 页 面 公 共 部 分 ,这 就 需要 从 分 析 页 面 结构 开始 。 通 过 分 析 可 知 , 该 页 面 ( 设 名 称 为 
Index. aspx) 的 结构 如 图 2-8 所 示 。 一- 

Index. aspx 页 面 由 4 个 部 分 组 成 页 头 、 页 尾 、 内 
容 1 和 内 容 2。 其 中 页 头 和 页 尾 是 Index. aspx 所 在 网 
站 中 页 面 的 公共 部 分 ,网 站 中 许多 页 面 都 包含 相同 的 内 容 内 容 2 
页 头 和 页 尾 。 内 容 1 和 内 容 2 是 页 面 的 非 公共 部 分 ， 
是 Index. aspx 页 面 所 独 有 的 。 结 合 母 版 页 和 内 容 页 的 
有 关 知 识 可 知 , 如 果 使 用 母 版 页 和 内 容 页 来 创建 页 面 
Index. aspx, 那 么 必须 创建 一 个 母 版 页 MasterPage. 图 2-8 页 面 结构 图 
master 和 一 个 内 容 页 Index. aspx。 其 中 母 版 页 包含 页 
头 和 页 尾 等 内 容 ,内容 页 中 则 包含 内 容 1 和 内 容 2。 使 用 Visual Studio 2012 创建 母 版 页 的 
步骤 较 简单 ,在 “解决 方案 资源 管理 器 "中 右 击 网 站 ,选择 “选择 "一 “添加 新 项 ”命令 ,打开 
“添加 新 项 ”对 话 框 (如 图 2-9 所 示 ) 。 

前 面 介绍 了 母 版 页 的 基本 内 容 , 接 下 来 讲解 如 何 使 用 母 版 页 。 要 在 内 容 页 面 中 引用 母 
版 页 ,可 以 使 用 Page 指令 的 MasterPageFile 属性 。MasterPageFile 属性 中 定义 的 路 径 应 从 
Web 应 用 程序 的 根 目 录 开 始 , 这 样 , 如 果 页 面 移动 到 网 站 文件 夹 结 构 的 另 一 级 上 , 它 仍 包含 
指向 母 版 页 的 正确 路 径 。 注 意 ,内 容 页 面 不 包含 任何 HTML 或 body 标记 ,因为 这 些 标记 
都 是 在 母 版 页 文件 中 定义 的 。 内 容 页 面 的 所 有 内 容 都 必须 放 在 一 个 或 多 个 Content 服务 器 
控件 中 ,所 以 一 般 看 不 到 Title 标记 ,也 没有 要 放 在 该 标记 中 的 head 标记 。Page 指令 包含 
一 个 Title 属性 , 它 可 以 用 于 设置 内 容 页 面 的 标题 ,否则 内 容 页 面 会 使 用 母 生 版 页 的 标题 作 
为 自己 的 标题 。 标 题 也 可 以 通过 编程 方式 进行 修改 。 


< $0 Page Ianguage= "Cf" MasterPareFi le- "dmnirMp master Title "gi 4f — 2 H 3t" $> 
通常 使 用 母 版 页 存在 两 种 应 用 场景 ,一 种 是 需要 将 现 有 的 Web 页 面 从 某 个 母 版 页 中 继 
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图 2-9 添加 母 版 页 


承 ,而 另 一 种 则 是 新 建 继承 自 某 个 母 版 页 的 Web 页 面 。 下 面 通过 两 个 示例 来 详细 介绍 如 何 
使 用 母 版 页 。 


ARB 2. 修改 已 存在 的 Web 页 面 ,使 其 从 母 版 页 中 继承 。 
项 目 开 发 前 期 已 经 存在 EditLevell. aspx 页 面 , 现 在 开发 小 组 重新 设计 了 一 个 母 版 页 


(AdminMP. master), 要 求 将 EditLevell. aspx 页 面 使 用 新 设计 的 母 版 页 AdminMP. 
master。 该 示例 则 可 通过 以 下 步骤 完成 。 


CD 单 击 “ 源 "按钮 ,切换 到 源 代码 视图 。 

© 在 Page 指令 中 输入 MasterPageFile=“~/Admin/AdminMP. master”, 
© 在 Page 指令 后 输入 : 

< asp:Content ID= "Content1" 


ContentPlaceHolderID= "ContentPlaceHolderl" Runat- "Server"> 
< /asp:Content> 


CD 将 原先 二 form 二 标记 间 的 内 容 复制 到 二 asp:Content 二 二 /asp:Content 二 间 ,最 终 源 


码 如 下 所 示 。 
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«$6 Page Language="C#" AutoEventWireup- "true" CodeFile- "Editlevell. aspx.cs" Inherits- "Admin 
levellManagement. Editlevell" MasterPageFile- "~ /Acmin/AcminMP.master"*» 
< asp:Content ID= "Contentl" ContentPlaoceHolderID- "ContentPlaoeHolderl" Runat- "Server"> 
«div» 
< asp:GridView ID= "gvLevell" runat- "server" AutcGenerateColums- "False" 
ŒU Paing "4" ForeColor- "$ 333333" GridLines- "None" Widtre "6l4p" 
onrowcancelingedit- "gvLevell RowCancelingkdit" 
onrowediting- "gvLevell RowEditing" 
onrowupdating- "gvIevell RowUpdating"> 
< AltematingFowStyle BackColor- "White" /> 
< Colums^ 
< asp:BoundField DataField-"Levell ID" HeaderText- "F 45 " 


项 目 2 网 站 页 面 开 发 


Readonly- "True" /> 
< asp:BoundField DataField- "Ievell Name" HeaderText- "名 称 " 
Readonly- "True" /> 
< asp: TemplateField HeaderText- "f i] "> 
< EditItenfTemplate» 
< asp:TextBox ID= "TxtIevellDesc" runat- "server" 
Text- '« $#Bind ("Levell Desc") $> '»« /asp:TextBox> 
< /EditItentfemplate» 
< Itenfemplate» 
< asp:Label ID "Iabell" runat- "server" 
Text- '« $£Bind("Ievell Desc") $» ">< /asp:Iabel> 
< /TtenTenplate» 
< /asp:TenplateField» 
< asp:CamandField ShowEditButton- "True" /> 
< /Colums» 
< EditRowStyle BackColor- "4246lBF" /> 
< FooterStyle BackColor- "#507CD1" Font- Bold- "True" ForeColor- 
"White" /> 
< HeaderStyle BackColor- #507CD1" Font- Bold- "True" ForeColor- 
"White" /> 
< PagerStyle BackColor- "#2461BF" ForeColor- "White" 
HorizontalAligne "Center" /> 
< RowStyle BackColor- "#EFF3FB" Font- Size- "Small" 
HorizontalAlign- "Center" /> 
< SelectedRowStyle BackColor- "£DIDDFl" Font- Bold "True" 
ForeColor- "4333333" /» 
< SortedascendingcellStyle BackColor- "&FSF7EB" /> 
< SortedàscendingHeaderStyle BackColor- "$6D95El" /> 
< SortedDescendingCellStyle BackColor- "RESEBEF" /> 
< SortedDescendingHeaderStyle BackColor- "4 4870BE" /> 
< /asp:Gridview- 
< /div» 
< /asp:Content^ 


ARB 3: 新 建 Web 页 面 ,使 其 从 母 版 页 中 继承 。 

开发 小 组 要 求 后 续 创 建 的 页 面 文件 都 要 求 从 AdminMP. master 母 版 页 中 继承 ,实现 统 
一 风格 ,例如 编辑 订单 页 面 EditOrder. aspx。 则 该 示例 可 通过 以 下 步骤 实现 。 

Q@ “解决 方案 资源 管理 器 "窗口 中 , 右 击 存放 母 版 页 的 文件 夹 (例如 Admin 文件 夹 ), 单 
击 “ 添 加 新 项 ”菜单 项 ,打开 添加 新 项 对 话 框 ,如 图 2-10 所 示 。 

@ 在 “名 称 " 文 本 框 中 输入 EditOrder. aspx, 选 择 “ 选 择 母 版 页 " 复 选 框 , 单 击 “ 添 加 ” 按 
钮 ,打开 “选择 母 版 页 ”对 话 框 ,如 图 2-11 所 示 。 单 击 AdminMP. master 文件 ,再 单 击 
“确定 ”按钮 。 
2.3.5 使 用 样式 表 控 制 页 面 

CSS 即 层 秋 样式 表 (Cascading StyleSheet) ,在 网 站 开发 时 采用 层 茎 样式 表 技 术 , 可 以 
有 效 地 对 页 面 的 布局 .字体 .颜色 .背景 和 其 他 效果 实现 更 加 精确 的 控制 。 只 要 对 相应 的 代 
码 做 一 些 简单 的 修改 ,就 可 以 改变 同一 页 面 的 不 同 部 分 或 者 页 数 不 同 的 网 页 的 外 观 和 格式 。 
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图 2-10 添加 新 项 对 话 框 
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图 2-11 “选择 母 版 页 ”对 话 框 


结构 和 表现 相 分 离 , 这 也 用 CSS 布局 的 特色 所 在 。 

1. CSS 盒子 模型 的 组 成 

那么 它 为 什么 叫 盒子 呢 ? 先 说 说 我 们 在 网 页 设计 中 常 听 的 属性 名 : AA Content) H 
FË (padding) HHE (border) .边界 (margin) .CSS 盒子 模式 都 具备 这 些 属 性 ,如 图 2-12 所 示 。 

可 以 把 它 想象 成 现实 中 上 方 开 口 的 盒子 ,然后 从 正 上 方向 下 俯视 ,边框 相当 于 盒子 的 厚 
度 , 内 容 相对 于 盒子 中 所 装 物体 的 空间 ,而 填充 相当 于 为 防震 而 在 盒子 内 填充 的 泡沫 ,边界 相 
当 于 在 这 个 盒子 周围 要 留 出 一 定 的 空间 以 方便 取出 其 中 的 内 容 。 所 以 整个 盒 模型 在 页 面 中 所 
占 的 宽度 是 由 “左边 界 十 左边 框 十 左 填充 十 内 容 十 右 填 充 十 右边 框 十 右边 界 ?组 成 的 ,而 CSS 
样式 中 weight 所 定义 的 宽度 仅仅 是 内 容 部 分 的 宽度 ,这 是 许多 初学 者 容易 搞 混 的 地 方 。 

2. CSS 作用 原理 

CSS 的 定义 是 由 三 个 部 分 构成 的 : 选择 符 (selector) ,属性 (properties) 和 属性 的 取 值 
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pank "T did 


盒子 模型 的 宽度 
图 2-12 盒子 模型 


(value) 。 基 本 格式 如 下 : selector{ property; value) (选择 符 { 属 性 : 值 )) 。 选 择 符 可 以 是 多 
种 形式 ,一 般 是 要 定义 样式 的 HTML 标记 ,例如 body p, table 等 ,通过 此 方法 定义 它 的 属 
性 和 值 ,属性 和 值 要 用 冒号 隔 开 。 


body{color: black) 


选择 符 body 是 指 页 面 主 体 部 分 ,color 是 控制 文字 颜色 的 属性 ,black 是 颜色 的 值 , 此 例 
的 效果 是 使 页 面 中 的 文字 颜色 变 为 黑色 。 如 果 属 性 的 值 由 多 个 单词 组 成 , 则 必须 在 值 上 加 
引号 ,比如 字体 的 名 称 经 常 是 几 个 单词 的 组 合 : p{font-family: "sans serif" /定义 段落 字体 
为 sans serif), 。 如 果 需 要 对 一 个 选择 符 指 定 多 个 属性 时 ,使 用 分 号 将 所 有 的 属性 和 值 分 开 。 


pltext- align: center; color: red) 


此 例 的 效果 是 段落 居中 排列 ,并 且 段 落 中 的 文字 为 红色 。 为 了 使 定义 的 样式 表 方便 阅 
读 , 建 议 采 用 分 行 的 书写 格式 。 

CSS 选择 符 : CSS 样式 的 名 字 , 当 在 HTML 文档 中 表现 一 个 CSS 样式 的 时 候 ,就 要 用 
到 一 个 CSS。 怎 么 用 呢 ? 这 时 就 通过 CSS 选择 符 (CSS 的 名 字 ) 来 指定 HTML 标签 使 用 此 
CSS 样式 。 比 如 : 
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font- size:l8px; 
} 
8#dreamdured 
{ 
color:red; 
} 


在 这 段 代码 中 ,p、dreamdublue dreamdured 都 是 选择 符 。CSS 选择 符 可 以 分 为 很 多 
类 ,比如 : 类 型 选择 符 ,id 选择 符 class 选择 符 、 通 用 选择 符 、 分 组 选择 符 、 包 含 选择 符 \ 元 素 
指定 选择 符 等 ,以 下 将 一 一 介绍 。 

(D 类 型 选择 符 。 网 页 元 素 本 身 , 定 义 时 直接 使 用 元 素 名 称 。 比 如 : 

Div{ 

wigth:774px; /* 把 所 有 的 div 元 素 宽 度 定义 为 774 像 素 * / 

} 

© id 选择 符 。 它 是 唯一 的 ,不 同 元 素 的 id 值 是 不 能 重复 的 ,id 选择 符 为 每 个 元 素 的 具 
体 对 象 定义 不 同 的 样式 ,方便 用 户 更 加 精细 地 控制 页 面 。 使 用 id 选择 符 时 要 先 为 每 个 元 素 
定义 一 个 id 属性 。 使 用 id 选择 符 时 ,需要 使 用 # 进行 标识 。 

<div iŒ "top! < /div> 

#top{ 

Width:774px; /* 把 所 有 的 div 元 素 定 义 为 宽度 为 774 像 素 * / 

} 

© class 选择 符 。 在 一 个 文档 中 可 以 为 不 同类 型 的 元 素 定 义 相 同 的 类 名 ,class 可 以 实 
现 把 相同 样式 的 元 素 统一 为 一 类 ,使 用 class 选择 符 时 要 先 为 每 个 元 素 定义 一 个 class 属性 。 
使 用 class 选择 符 时 ,需要 使 用 英文 点 (. ) 进 行 标识 。 

<div class= "red"> < /div> 

< span class= "red"> < /span> 

«p class= "red"> < /p> 


-red( 
Color:red ; 
H 


@ 通用 选择 符 。 一 种 特殊 的 选择 符 , 它 用 * 表示 ,是 一 个 实用 但 又 容易 忽略 的 选择 符 。 
Tu 
font- size:l2pt;/* 定义 文档 中 所 有 字体 大 小 为 12pt* / 
} 
C) 分 组 选择 符 。 不 是 一 种 选择 符 类 型 ,而 是 一 种 选择 符 方法 。 当 多 个 对 象 定义 了 相同 
的 样式 时 ,可 以 把 它们 分 为 一 组 。 这 样 能 够 简化 代码 读 / 写 ,例如 : 
-Classl( 
font- size:l3px; 
color:red; 
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可 以 分 组 为 


.Classl,class2{ 
font- size:l3px; 
text- decroation:underline; 
} 
.Classl{ 
color:red; 
} 
.Class2{ 
color:blue; 
} 


使 用 分 组 有 2 原则 : (1) 方 面 原则 ; (2) 就 近 原 则 (如 果 几 个 元 素 相 邻 ,在 一 个 模块 内 可 
以 考虑 使 用 分 组 选择 符 ) 。 
@ 包含 选择 符 。 最 有 用 的 一 类 选择 符 ,能够 简化 代码 ,实现 大 范围 的 样式 控制 。 例 如 : 


.divl h2( 
/# 定义 类 的 divi 层 中 所 有 h2 的 标题 样式 x / 
font- size:l8px; 

) 

-divl pt 
/* 定义 类 的 divi 层 中 所 有 P 的 标题 样式 * / 
font- size:l2px; 

) 


(D 元 素 指定 选择 符 。 有 时 候 我 们 希望 控制 某 种 元 素 在 一 定 范围 内 对 应 对 象 的 样式 ,这 
时 可 以 把 class 或 id 选择 符 组 合 起 来 使 用 。 例 如 : 


Span.red{ 

/* 定义 span 中 class 为 red 的 元 素颜 色 为 红色 * / 
color:red; 

} 

divittopt 
/* 5E X. div 中 idH top 的 元 素 宽度 为 1008* / 
widtn:100$; 

} 

eg: 

<div> 

<h2 class= "news"» «2» 

«p class = "news"» < /p> 

< span class= "news" < /span> 

</div> 
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在 上 面 代码 中 要 使 用 news 选择 符 显然 不 行 ,直接 使 用 p、h2 类 型 选择 符 也 不 太 好 ,这 
时 便 可 以 使 用 元 素 指定 选择 符 : 


p.news() h2.news() span.news{} 


3. 调用 CSS 样式 

前 面 讲解 了 CSS 基本 语法 ,但 要 想 在 浏览 器 中 显示 出 效果 ,就 要 让 浏览 器 能 识别 并 调 
用 。 当 浏览 器 读 取样 式 表 时 ,要 依照 文本 格式 来 读 , 这 里 介绍 四 种 在 页 面 中 插入 样式 表 的 方 
法 : 链 入 外 部 样式 表 、 内 部 样式 表 、 导 入 外 部 样式 表 和 内 骨 样 式 。 

(D 链 入 外 部 样式 表 。 链 入 外 部 样式 表 是 把 样式 表 保存 为 一 个 样式 表 文 件 中 ,然后 在 页 
面 中 用 二 link 之 标记 链接 到 这 个 样式 表 文 件 , 这 个 二 link 之 标记 必须 放 到 页 面 的 二 head 之 区 
内 ,例如 : 

<head> 

< Link href= "mystyle.css" rel= "stylesheet" type= "text/css" media= "all"> 

< /head> 

上 面 这 个 例子 中 表示 浏览 器 从 mystyle. css 文件 中 以 文档 格式 读 出 定义 的 样式 表 。 
rel 一 "stylesheet" 是 指 在 页 面 中 使 用 这 个 外 部 的 样式 表 。type= "text/css" 是 指 文件 的 类 型 
是 样式 表 文 本 。href 二 "mystyle. css" 是 文件 所 在 的 位 置 。media 是 选择 媒体 的 类 型 ,这 些 
媒体 包括 : 屏幕 ,纸张 .语音 合成 设备 、 盲 文 阅读 设备 等 。 一 个 外 部 样式 表 文 件 可 以 应 用 于 
多 个 页 面 。 当 改变 这 个 样式 表 文件 时 ,所 有 页 面 的 样式 都 随 之 而 改变 。 在 制作 大 量 相 同样 
式 页 面 的 网 站 时 非常 有 用 ,不 仅 减少 了 重复 的 工作 量 ,而 且 有 利于 以 后 的 修改 、 编 辑 , 浏 览 时 
也 减少 了 代码 的 重复 下 载 。 样 式 表 文件 可 以 用 任何 文本 编辑 器 (例如 : 记事 本 ) 打 开 并 编 
辑 ,一般 样式 表 文件 扩展 名 为 . css。 内 容 是 定义 的 样式 表 , 不 包含 HTML 标记 。mystyle. 
css 这 个 文件 的 内 容 如 下 。 

hr {color: sienna} 

p (margin- left: 20px} 

body (background- image: url ("images/back40.gi f") } 

/* 定义 水 平 线 的 颜色 为 土 黄 ;段落 左边 的 空白 边 距 为 20 像 素 ;页 面 的 背景 图 片 为 images 目录 下 的 

back40.gif 文 件 * / 

C) 内 部 样式 表 。 内 部 样式 表 是 把 样式 表 放 到 页 面 的 二 head 区 里 ,这 些 定义 的 样式 就 
应 用 到 页 面 中 了 ,样式 表 是 用 二 style 二 标记 插入 的 ,从 下 例 中 可 以 看 出 二 style 二 标记 的 
用 法 。 


«head» 


< style type= "text/css"> 
hr (color: sienna) 
p {margin- left: 20px} 
body (backgrcund- image: url ("'images/back40.gi f") } 
« /style» 
< /nead» 
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注意 : 有 些 低 版 本 的 浏览 器 不 能 识别 style 标记 ,这 意味 着 低 版 本 的 浏览 器 会 忽略 style 
标记 里 的 内 容 , 并 把 style 标记 里 的 内 容 以 文本 形式 直接 显示 到 页 面 上 。 为 了 避免 这 样 的 情 


况 发 生 ,采用 如 下 加 HTML 注释 的 方式 (二 ! 一 注释 -- 盖 ) 隐 藏 内 容 而 不 让 它 显 示 。 
«head» 


< style type- "text/css"» 

gles 

hr {color: siema} 

p (margin- left: 20px} 

body (background- image: url ("images/back40.gif") } 
=e% 

« /style» 


< /nead» 


© 导入 外 部 样式 表 FASPER RETE TEL WERKA <style> HL SEA — T PB 


样式 表 , 导 入 时 用 @import, 见 下 面 这 个 实例 。 
«head» 
e type- "text /css"> 
a "nystyle.css" 
其 他 样式 表 的 声明 
pem 


« /nead» 


该 实例 中 ,@import " mystyle. css" 表 示 导 入 mystyle. css 样式 表 , 注 意 使 用 外 部 样式 表 
的 路 径 , 方 法 和 链 入 样式 表 的 方法 很 相似 ,但 导入 外 部 样式 表 输 入 方式 更 有 优势 。 实 质 上 它 
相当 于 存在 内 部 样式 表 中 。 值 得 注意 的 是 ,导入 外 部 样式 表 必 须 在 样式 表 的 开始 部 分 ,并 在 


其 他 内 部 样式 表 上 面 。 


CD 内 继 样 式 。 内 和 嵌 样 式 是 混合 在 HTML 标记 里 使 用 的 ,用 这 种 方法 可 以 很 简单 地 对 


某 个 元 素 单 独 定义 样式 。 内 幅 样 式 的 使 用 是 直接 在 HTML 标记 里 加 入 style 参数 。 
style 参数 的 内 容 就 是 CSS 的 属性 和 值 ,如 下 例 : 

«p style "color: sienna;margin- left: 20px;"» 

这 是 一 个 段落 


€ p» 
< 上 -这 个 段落 颜色 为 土 黄 ,左边 距 为 2018 X - 


而 


在 style 参数 后 面 的 引号 里 的 内 容 相 当 于 在 样式 表 大 括号 里 的 内 容 。 注 意 : style 参数 
可 以 应 用 于 任意 BODY 内 的 元 素 ( 包 括 BODY 本 身 ), 除 了 BASEFONT、PARAM 和 


SCRIPT。 


特别 要 注意 的 是 : 如 果 在 同一 个 选择 器 上 使 用 几 个 不 同 的 样式 表 时 ,这 个 属性 值 将 会 


三 加 几 个 样式 表 , 遇 到 冲突 的 地 方 会 以 最 后 定义 的 为 准 。 例 如 ,首先 链接 到 一 个 外 部 村 
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表 , 其 中 定义 了 h3 选择 符 的 color,text-alig 和 font-size 属性 ,代码 如 下 。 
h3 
{ 
color: red; 
text- align: left; 
font- size: 8pt; 
j 
/* 标题 3 的 文字 颜色 为 红色 ;向 左 对 齐 ;文字 尺寸 为 89 */ 
然后 在 内 部 样式 表 里 也 定义 了 h3 选择 符 的 text-align 和 font-size 属性 。 


h3 

{ 
text- align: right; 
font- size: 20pt; 


} 

/* 标题 3 文字 向 右 对 齐 ; 尺 寸 为 2 号 字 * / 

那么 这 个 页 面倒 加 后 的 样式 为 

color: red; 

text-align: right; 

font- size: 20pt; 

/* 文字 颜色 为 红色 ;向 右 对 齐 ; 尺 寸 为 209  / 

字体 颜色 从 外 部 样式 表 里 保 留 下 来 ,而 对 齐 方式 和 字体 尺寸 都 有 定义 时 ,按照 后 定义 的 
优先 。 

4. 样式 表 常 用 属性 

因 篇 幅 关 系 , 下面 只 列 出 样式 表 中 常用 的 属性 , 见 表 2-2。 开 发 过 程 中 可 查阅 
W3School。 网 址 为 http://www. w3school. com. cn/css/index. asp。 


R22 样式 表 常用 属性 列表 


属性 名 称 属性 含义 属 性 值 
字体 属性 (Font) 
font-family 使 用 什么 字体 所 有 的 字体 
font-style 字体 是 否 斜 体 normal, italic .oblique 
font-variant 是 否 用 小 体 大 写 normal, small-caps 
font-weight 字体 的 粗细 normal, bold, bolder, lithter 等 
font-size 字体 的 大 小 absolute-size relative-size length, percentage 等 
颜色 和 背景 属性 
color 定义 前 景色 颜色 
background-color 定义 背景 色 颜色 
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续 表 
属性 名 称 属性 含义 属 性 值 
background-image 定义 背景 图 案 路 径 
background-repeat 重复 方式 repeat-x,repeat-y ,no-repeat 
background-attachment 设置 滚动 scroll, fixed 
background-position 初始 位 置 percentage, length, top, left, right, bottom 等 
文本 属性 
word-spacing 单词 之 间 的 间距 normal 
letter-spacing 字母 之 间 的 间距 同上 
text-decoration 文字 的 装饰 样式 none|underline| overline| line-through | blink 
verücakalign 垂直 方向 的 位 置 ey | super | top | text-top | middle | bottom 
text-transform 文本 转换 capitalize| uppercase| lowercase| none 
text-align 对 齐 方式 left| right| center| justify 
text-indent 首 行 的 缩 进 方式 | 
line-height 文本 的 行 高 Sede 
边 距 属性 
margin-top 顶端 边 距 length| percentage] auto 
margin-right 右 侧 边 距 同上 
margin-bottom 底 端 边 距 同上 
margin-left 左 侧 边 距 同上 
填充 距 届 性 
padding-top 顶端 填充 距 length| percentage 
padding-right 右 侧 填充 距 同上 
padding-bottom 底 端 填充 距 同上 
padding-left 左 侧 填 充 距 同上 
边框 属性 
border-top-width 顶端 边框 宽度 thin| medium| thick | length 
border-right-width 右 侧 边框 宽度 同上 
border-bottom-width 底 端 边框 宽度 同上 
border-left-width 左 侧 边框 宽度 同上 
border-width 一 次 定义 宽度 同上 
border-color 设置 边框 颜色 color 
border-style 设置 边框 样式 none| dotted| dash| solid 等 
border-top 一 次 定义 顶端 border-top-width| color 等 
border-right 一 次 定义 右 侧 同上 
border-bottom 一 次 定义 底 端 同上 
border-left 一 次 定义 左 侧 同上 
分 级 属性 
display 定义 是 否 显示 block \inline, list-item none 
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续 表 


属性 名 称 属性 含义 属 性 值 
white-space 怎样 处 理 空 白 normal,pre,nowrap 
list-style-type 加 项 目 编号 disc circle .square 等 
list-style-image 加 图 案 none 
list-style-position 第 二 行 起 始 位 置 inside ,outside 
list-style 一 次 定义 列表 E 


ARB 4. 使 用 CSS 和 DIV 设计 一 个 Web 页 面 的 布局 效果 图 ( 见 图 2-13). 
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图 2-13 Web 页 面 效 果 图 


CD 规划 网 页 。 通 过 对 图 2-13 分 析 ,页 面 基本 布局 如 图 2-14 所 示 。 
e MAIN NAVIGATION: 导航 条 ,具有 按钮 特效 。Width 为 760px,Height 为 50px。 
* HEADER; 网 站 头 部 图 标 ,包含 网 站 的 Logo 和 站 名 。Width Jy 760px, Height 
为 150px。 
* CONTENT: 网 站 的 主要 内 容 。Width 为 480px. Height 会 根据 内 容 变 化 。 
* SIDE BAR: 边框 ,一 些 附 加 信息 。Width 为 280px,Height 会 根据 内 容 变化 。 
* FOOTER: 网 站 底 栏 ,包含 版 权 信 息 等 。Width Jy 760px. Height 为 66px。 
© 新 建 HTML 页 。 右 击 存放 网 页 的 文件 夹 , 单 击 “添加 新 项 菜单 项 。 在 “名 称 ” 文 本 
框 中 输入 Design. html, 4“ HTML 页 ”列表 项 ,再 单 击 “添加 ”按钮 。 
@ 创建 网 站 的 大 框 , 即 建立 一 个 宽 为 760px 的 盒子 , 它 将 包含 网 站 的 所 有 元 素 。 在 
Design. html X fF ff] body f— / body zz ll si A LI FARI - 
<div id "page- container"> 
Hello world. 
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MAIN NAVIGATION 


HEADER 


CONTENT SIDE BAR 


FOOTER 
图 2-14 页 面 基本 布局 


« /div» 
创建 CSS 文件 ,命名 为 design. css. TE design. css 中 输入 以 下 代码 。 


fpage- container ( 
width: 760px; 
margin: auto; 
background: red; 
) 


然后 在 Design. html 中 输入 link 指令 ,链接 到 design. css 样式 表 。 


«head» 

«title « /title» 

< link href= "design.css" rel= "stylesheet" type= "text/css" /> 
< /nead» 


现在 可 以 看 到 盒子 和 浏览 器 的 顶端 有 Spx SEAE WR. ixjé gp TU A A SUA DU EAE AI 


边界 造成 的 。 消 除 这 个 空隙 ,就 需要 在 design. css 文件 中 输入 以 下 代码 。 


html, body { 
margin: 0; 
padding: 0; 
H 


CD 将 页 面 划分 为 5 个 DIV, 实 现 页 面 基本 布局 的 控制 。 在 Design. html 中 输入 加 粗 代 码 。 
<div id "page- container" 

<div id "main- nav"> Main Nav< /div> 

< div id "header" Header< /div> 
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<div iŒ "sidebar- a"» Sidebar A« /div> 
<div id- "content" Content« /div» 
<div id- "footer" Footer« /div> 
</div> 
为 了 将 五 个 部 分 区 分 开 来 ,将 这 五 个 部 分 用 不 同 的 背景 颜色 标示 出 来 ,在 design. css X 
件 中 输入 以 下 代码 。 


至 此 ,效果 图 如 图 2-15 所 示 。 


图 2-15 效果 图 1 


@ 网 页 布局 与 DIV 浮动 等 。 
首先 让 边框 浮动 到 主要 内 容 的 右边 ,在 design. css 文件 中 输入 以 下 代码 。 
$sidebar- a ( 

float: right; 

widtn: 280px; 

background: darkgreen; 
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到 这 个 时 候 网 页 效果 如 图 2-16 所 示 。 在 content DIV 中 输入 任意 显示 内 容 。 从 图 2-17 中 
看 到 ,content DIV 盒子 占据 了 整个 page-container 的 宽度 ,需要 将 # content 的 右边 界 设 为 
280px, 以 使 其 不 和 边框 发 生 冲 突 。 在 design. css 中 输入 下 列 代 码 后 ,在 side bar DIV 中 输 
入 任意 的 显示 内 容 ( 见 图 2-18)。 
#content { 
margin- right: 280px; 
background: green; 


Footer 


图 2-16 效果 图 2 


Footer 


图 2-17 效果 图 3 


图 2-18 并 不 是 设计 所 期 望 的 结果 ,网 站 的 底 框 跑 到 边框 的 下 边 去 了 。 这 是 由 于 将 边框 
向 右 进行 了 浮动 ,由 于 是 浮动 ,所 以 可 以 理解 为 它 位 于 整个 盒子 之 上 的 另 一 层 。 因 此 , 底 框 
和 内 容 盒子 对 齐 了 。 进 一 步 在 Design. css 文件 中 输入 以 下 代码 。 
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图 2-18 效果 图 4 


#footer ( 
Clear: both; 
background: orange; 
height: 66x; 
} 
@ 网 页 主要 框架 之 外 的 附加 结构 的 布局 与 表现 。 
除 网 页 主要 框架 之 外 的 附加 结构 的 表现 (Layout) 包 括 以 下 内 容 : 标题 (heading) ,包括 
网 站 名 、 内 容 标 题 、 页 脚 信 息 、 版 权 、 认 证 、 副 导航 条 。 现 在 来 加 入 标题 。 先 回 到 HTML 的 
RE, <hl >~ <h> EAMH HTML 标题 代码 。 比 如 一 般 为 : 二 hl 二 网 站 名 二 /hl1>， 
<h2> Id sl ll Ej 8l — /h2 >, — h3 > A A dE b E — /h377. I] HTML 文件 的 Header 层 


(Div) 输 入 以 下 代码 。 


<div id= "header" 
«hb Enlighten Designs< /hl> 
« /div» 
刷新 一 下 页 面 ,就 可 以 看 到 巨大 的 标题 和 标题 周围 的 空白 ,这 是 由 过 hl 之 标签 的 默认 
大 小 和 边 距 (margin) 造 成 的 ,要 消除 这 些 空白 ,在 CSS 文件 中 输入 以 下 代码 。 
58 


项 目 2 网 站 页 面 开发 


hit 
margin: 0; 
padding: 0; 
} 


接 下 来 继续 页 脚 的 制作 。 页 脚 包括 两 部 分 : 左边 的 版 权 、 认 证 和 右边 的 副 导 航 条 。 先 要 让 
副 导 航 条 向 右 浮动 ,就 像 之 前 处 理 Side bar 和 Content 一 样 , 需 要 在 页 面 中 加 入 一 个 新 的 层 (div) 。 


« div id- "footer"> 
<div iœ "altnav' 
<a href- "http://css.jorux.corwp- admin/post .php#" > About« /a» — 
«a href- "http: //css.jorux.oam/wp- admin/post .phpi*" > Servicesc /a» — 
«a href= "http: //css.jorux.cam/wp- admin/post .php#" > Portfolio /a» — 
«a href- "http: //css. jorux.cam/wp- adnin/post .php#" > Contact. Us< /a» - 
<a href= "http://css. jorux.oaw'wp- acmin/post.phptt" > Ems of Trade /a» 
« /div» 
Copyright @ Enlighten Designs 
« /div» 


CD 页 面 内 的 基本 文本 的 样式 (CSS) 设 置 。 
如 果 不 喜 欢 太 花哨 的 背景 ,现在 可 以 去 掉 , 只 保留 导航 条 的 红色 背景 。 在 Design. css 
文件 中 输入 以 下 代码 。 


body ( 
font- family: Arial, Helvetica, Verdana, Sans- serif; 
font- size: 12px; 
color: #666666; 
background: #ffffff; 

} 


一 般 把 body 标签 放 在 CSS 文件 的 顶端 。fontfamily 内 的 顺序 决定 了 字体 显示 的 优先 
级 ,比如 ,如 果 计 算 机 没有 Arial 字体 ,浏览 器 就 会 指向 Helvetica 字体 ,以 此 类 推 ;color 指 字 
体 颜 色 ;background 指 背景 颜色 。 现 在 的 网 页 效果 如 图 2-19 所 示 。 

@ 网 站 头 部 图 标 与 Logo 部 分 的 设计 。 

接着 给 # header 层 添 加 背景 图 案 。 在 CSS 文件 中 输入 以 下 内 容 。 


#heager ( 

height: 150px; 

background: #db6d16 

url (. ./images/headers/about . jpg) ; 
} 


接着 替换 掉 “ 二 hl 二 二 /hl 二 ”标签 里 的 Enlighten Designs. 


< div id- "header"> 
«hi» < img src= "http://img.jcwcn.camattachment/portal"BORDER- RIGHT: #4b8be3 1px solid; BORER- TOP: # 
4pBbe3 1px solid; BORER- IFFT: £4b8be3 1px solid; BORER- BOTTOM: 44b8oe3 1px solid" height- "60" width=" 
550" bgcolor= "#dfeeff"> 
#heaœr hl { 
margin: 0; 
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图 2-19 效果 图 5 


padding: 0; 
float: right; 
margin- top: 57px; 
padding- right: 3lpx; 
) 
这 样 使 存在 于 二 hl 二 层 的 图 片 向 右 浮动 ,并 且 上 边 距 (margin-top) 为 57px, 右 间 际 
(padding-right) 为 31px。 


2.3.6 使 用 JavaScript 客户 端 编程 


JavaScript 是 一 种 基于 对 象 和 事件 驱动 ,具有 安全 性 能 的 脚本 语言 。JavaScript WAA 
到 HTML 文件 中 ,不 需要 经 过 Web 服务 器 就 可 以 对 用 户 操 作 做 出 响应 ,使 网 页 更 好 地 与 用 
户 交互 ;在 充分 利用 客户 端 计算 机 性 能 的 同时 ,可 以 适当 减 小 服务 器 端的 压力 ,并 减少 用 户 
的 等 待 时 间 。 与 在 网 页 中 插入 CSS 的 方式 相似 ,使 用 二 script 二 标签 在 网 页 中 插入 
JavaScript 代码 。 使 用 下 面 的 代码 可 以 在 网 页 中 搬入 JavaScript. 


< script type= "text/JavaScript" language- "javascript" 

</script> 

JavaScript 脚本 可 以 放 在 网 页 的 head 部 分 或 者 body 部 分 ,也 可 以 放 在 外 部 的 
JavaScript 文件 中 ,执行 效果 有 区 别 。 

(1) 放 在 body 部 分 的 JavaScript 脚本 在 网 页 读 取 到 该 语句 的 时 候 就 会 执行 。 例 如 : 


«html» 
<body> 
60 


项 目 2 网 站 页 面 开发 


< script type= "text/JavaScript"> 
docurent..write "REX 6 fe ff ifi  ; 
«script? 
<body> 
« ntm 


(2) 在 head 部 分 的 脚本 在 被 调用 的 时 候 才 会 执行 ,例如 : 


«html» 
«head» 
< script type= "text/JavaScript"» 


UM 
< /head» 
«html» 
通常 是 在 过 script 一 .. .过 /script 一 部 分 定义 函数 ,通过 调用 函数 来 执行 head 部 分 的 脚本 。 
(3) 也 可 以 像 添加 外 部 CSS 一 样 添加 外 部 JavaScript 脚本 文件 ,其 扩展 名 通常 为 .js。 例 如 : 
«html» 
«head» 
< script src- "scripts.js'» < /script> 
< /nead» 
<body> 
< /body> 
< hmb 
如 果 很 多 网 页 都 需要 包含 一 段 相同 的 代码 ,那么 将 这 些 代码 写 入 一 个 外 部 JavaScript 
文件 中 是 最 好 的 方法 。 此 后 ,任何 一 个 需要 该 功能 的 网 页 ,只 需要 iud ^r js 文件 就 可 
以 了 。 
注意 : 脚本 文件 里 头 不 能 再 含有 一 Script 过 标签。 但 是 放 在 head 部 分 的 函数 是 一 个 例 
外 , 它 只 有 被 调用 时 才 会 执行 。 
1. JavaScript 变量 
在 代数 中 ,通常 会 遇 到 下 面 的 基础 问题 ,如 果 a 的 值 为 5,b 的 值 为 6, 那 么 a 与 b 的 和 是 
多 少 ? 在 这 个 问题 中 ,我 们 就 可 以 把 a 和 b 看 作 变 量 ,再 设置 一 个 变量 c 来 保存 a 与 b 
的 和 。 
那么 ,上 面 的 这 个 问题 就 可 以 用 如 下 的 JavaScript 代码 表示 : 
< script type- "text/javascript"> 
// 计算 ab 的 和 
a- 5; //A AE ik a 赋值 
b- 5;// 给 变量 b 赋 值 
c-atb;//c JJ ab 的 和 
document -write (c) ;// 输 出 < 的 值 
</script> 
输出 结果 为 10。 
在 上 面 的 例子 中 ,用 到 了 三 个 变量 a、b、c, 这 些 都 是 变量 的 名 字 。 在 JavaScript 中 ,需要 
用 变量 名 来 访问 这 个 变量 。 变 量 名 有 如 下 规定 : 
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。 变量 名 区 分 大 小 写 ,A 与 a 是 两 个 不 同 的 变量 。 
。 变量 名 必须 以 字母 或 者 下 划 线 开头 。 
也 可 以 用 var 声明 变量 ,例如 : 


< script type= "text/javascript"> 
var a; // 声 明 一 个 变量 a 
a-5; // 给 变量 赋值 
</script> 
JavaScript 允许 不 声明 变量 直接 赋值 。 不 过 先 声明 变量 是 一 个 良好 的 编程 习惯 。 在 
JavaScript 中 ,变量 是 无 所 不 能 的 容器 ,可 以 把 任何 东西 存储 在 变量 里 ,例如 : 
var quanNengl- 123; /数字 
var quarNengg- "— Z=" /字符 串 
其 中 ,quanNeng2 这 个 变量 存储 了 一 个 字符 串 , 字 符 串 需要 用 一 对 引号 括 起 来 。 变 量 
还 可 以 存储 更 多 的 东西 ,例如 数组 .对象 .布尔 值 等 。 
2. JavaScript 操作 符 
操作 符 是 用 于 在 JavaScript 中 指定 一 定 动作 的 符号 ,其 中 算术 操作 符 主 要 用 来 完成 类 
似 加 减 乘除 的 工作 。 看 下 面 这 段 JavaScript 代码 : 


c-atb; 


其 中 的 =” 和 "十 "都 是 操作 符 。JavaScript 中 还 有 很 多 这 样 的 操作 符 ,例如 ,加 减 乘除 是 
JavaScript 中 比较 基本 的 几 个 操作 符 , 它 们 的 意义 与 在 数学 中 没有 什么 差别 。JavaScript 中 
最 常见 的 操作 符 是 赋值 操作 符 “ 二 ”, 上 一 节 我 们 已 经 强调 过 , 它 不 是 “等 于 ”。 

(1) 操作 符 的 优先 级 。 

在 数学 中 ,“a 十 bx c” 这 个 式 子 中 ,乘法 将 先 于 加 法 运算 。 同 样 ,在 JavaScript 中 ,这 个 
式 子 会 按 相 同 的 顺序 执行 ,被 称 为 “优先 级 ”, 即 * x* ”的 优先 级 高 于 “十 ”。 

与 数学 中 一 样 ,改变 运算 顺序 的 方法 是 添加 括号 ,JavaScript 中 改变 优先 级 的 方法 也 是 
添加 括号 。 例 如 : 


(atb)*c 


(2) 字符 串 的 连接 。 
在 JavaScript 中 ,“ 十 ”不 只 代表 加 法 ,同样 也 可 以 使 用 它 来 连接 两 个 字符 串 ,例如 : 
exanple- "5 "4 "fg"; 
在 上 面 的 例子 中 ,example 将 包含 “乌龟 ”这 个 字符 串 。 这 是 由 于 “十 ”完成 了 “ 乌 ” 和 ”多 ”的 
连接 ,当然 也 可 以 把 这 种 行为 理解 成 字符 串 的 加 法 。 
(3) 自 加 一 、 自 减 一 操作 符 。 
接着 来 看 两 个 非常 常用 的 运算 符 , 自 加 一 用 “十 十 ”; 自 减 一 用 “--”。 首 先 来 看 一 个 例子 : 
ac» 


art; //a 的 值 变 为 6 
a— //a 的 值 又 变 回 5 
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上 面 的 例子 中 ,a 十 十 使 得 a 的 值 在 原来 的 基础 上 增加 1,a- 则 让 a 在 现在 的 基础 上 再 
减 去 1。 所 以 ,其 实 “a 十 十 ”也 可 以 写成 : 


aal; 


3. 复合 语句 
(1) if else 结构 
if else 的 意思 和 字面 意思 是 一 样 的 ,就 是 如果”“ 否 则 ”。 再 来 看 一 个 使 用 if 的 例子 。 


< script type= "text/JavaScript"» 
Var hcbby- "VbScript"; 
if (hdby == "JavaScript") 
{ 
document.write( 咱 发 展 罗 7 
) 
< /script» 


接 下 来 解释 一 下 这 段 代 码 。 首 先是 计 后 面 紧 跟 着 一 个 括号 ,括号 里 则 是 一 个 条 件 , 确 
切 地 说 是 一 个 布尔 值 。 当 条 件 成 立 的 时 候 , 这 个 值 是 True,“(}" 里 的 语句 将 会 得 到 执行 ; 否 
则 这 个 值 是 False,“{ })” 里 的 语句 将 被 忽略 。 具体 到 该 例子 ,因为 hobby 变量 的 值 
是 VbScript, 所 以 不 必 人 处 理 ;如果 hobby 变量 的 值 是 JavaScript, 则 输出 “有 发 展 ”。 注 
意 “ 王 一 ”, 这 个 符号 用 来 判断 左右 两 边 是 否 相 等 。 如 果 选 择 的 爱好 不 是 JavaScript, 那 么 没 
有 任何 输出 。 如 果 和 希望 程序 能 对 这 种 情况 做 出 反应 ,可 以 用 else。 看 下 面 的 代码 。 


< script type "text/JavaScript'» 
var hcbby- "JavaScript" 
if (hdbby == "JavaScript") 
{ 
doament.write ("fj RJR"); 
) 
else// 如 果 爱 好 不 是 JavaScript. 
{ 
document .write ("H VE ffr.) ; 
) 
< /script> 


上 面 的 代码 用 到 了 else, 它 会 给 i£ 添加 一 种 “否则 ”的 状态 。 当 hobby 变量 值 不 是 
JavaScript 的 时 候 , 它 会 输出 “没有 评价 ”。 
如 果 想 做 更 多 的 判断 ,可 以 用 {的 骨 套 ,看 下 面 的 代码 。 


< script type= "text/JavaScript"> 
if (hddoy-- "JavaScript") 
{ 
doamert.write ("H A JÉ ") ; 
) 
else if (hckby-— "footbal1")// 如 果 爱 好 是 足球 
// 注 意 ,这 个 证 是 戏 套 在 上 一 个 felse 中 的 else 部 分 
{ 
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doament.write ("dE x"); 


else/ M s k JavaScript 又 不 是 足球 
i! 
document write ("i A TE fft eee"); 
} 
< /script> 


第 二 个 让 只 有 在 第 一 个 if 的 条 件 不 成 立 的 时 候 才 有 机 会 执行 。 
(2) for 循环 
所 谓 循 环 , 就 是 重复 执行 一 段 代 码 。for 语句 结构 如 下 : 


for OI lit RAE 浏 断 条 件 ;循环 后 动作 ) 
t 

循环 代码 
) 


先 来 看 一 个 简单 的 例子 。 有 10 个 菜鸟 报 数 ,“ 菜 鸟 1 号 .菜鸟 2 号 ……”。 有 了 for 循 
f ,很 少 的 代码 就 可 以 实现 10 个 菜鸟 的 报 数 。 


< script type= "text/JavaScript'» 
var i-1; 
for(i=1;i<=10;i++) 
{ 
document rite ("8E $ "+ i+ "E «br /» "); 
) 
< /script» 
输出 结果 如 下 : 
菜鸟 1 号 
菜鸟 2 号 
菜鸟 3 号 
菜鸟 4 号 
菜鸟 5 号 
菜鸟 6 号 
菜鸟 7 号 
菜鸟 8 号 
菜鸟 9 号 
菜鸟 10 号 
在 这 个 例子 中 ,循环 恰好 执行 了 10 次 ,那么 *forGi 一 1i 达 二 10;i 十 十 )" 一 句 中 的 10 是 
不 是 10 次 的 意思 呢 ? 下 面 就 来 看 看 for 循环 的 工作 机 制 。 
首先 i 二 1” 叫 作 初 始 条 件 , 也 就 是 说 从 哪里 开始 ,该 例子 从 二 1 开始 。 出 现在 第 一 个 分 号 
后 面 的 “i 二 = 二 10” 表 示 判 断 条 件 , 每 次 循环 都 会 先 判 断 这 个 条 件 是 否 满 足 , 如 果 满足 则 继续 
循环 ,否则 停止 循环 ,继续 执行 for 循环 后 面 的 代码 。 那 么 设 定 了 i 二 0, 那 么 ,是 不 是 i 永远 
都 小 于 等 于 10 呢 ? 来 看 第 三 个 部 分 。 最 后 的 “i 十 十 "表示 让 i 在 自身 的 基础 上 加 1, 这 是 每 
次 循环 后 的 动作 。 也 就 是 说 ,每 次 循环 结束 ,i 都 会 比 原来 大 1, 执行 若 干 次 循环 之 后 ,i 委 10 
的 条 件 就 不 满足 了 ,这 时 循环 结束 。for 循环 后 面 的 代码 将 被 执行 。 
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(3) while 循环 
while 循环 重复 执行 一 段 代 码 , 直 到 某 个 条 件 不 再 满足 。 
(D while 循环 的 结构 


while Ql IB 2f f/F ) 
( 

循环 代码 
} 


其 实 while 循环 和 for 循环 的 作用 都 是 重复 执行 代码 ,例如 下 面 这 段 代 码 , 与 上 一 节 for 
循环 的 输出 结果 完全 没有 区 别 。 


«html» 
<body> 
< script type= "text/JavaScript"> 
var i-0; 
while (i<=10) 
t 
docunent .write ("3E $y "+ i n5) ; 
docurent .write ("<br /> "); 
i=i+l; 
} 
< /script> 
</body> 
< hmb 


以 上 代码 看 起 来 好 像 比 for 循环 少 了 条 件 , 即 只 有 一 个 判断 条 件 。 其 实 这 个 循环 也 是 有 初始 
条 件 的 ,只 不 过 已 经 定义 好 了 , 即 “var i 二 0;”。 变 量 i 的 增 大 , 则 是 放 到 了 循环 体 里 面 , 其 实 这 个 过 
程 和 for 循环 没有 什么 区 别 , 也 是 变量 i 不断 变 大 ,直到 判断 条 件 不 满足 , 则 循环 结束 。 

@ do while 循环 的 结构 

do wile 结构 的 基本 原理 和 while 结构 是 基本 相同 的 ,但 是 它 保证 循环 体 至 少 被 执行 一 
次 。 因 为 它 是 先 执行 代码 ,后 判断 条 件 。 代 码 如 下 。 


< script type= "text/JavaScript'» 
i=0; 
do 
t 
document.write ("Ihe number is "*i); 
document.write ("<br /> "); 
i++; 
} 
while(i <=5) 
« /script» 


(4) break 和 continue 
break 可 以 跳出 循环 .continue 跳 过 本 次 循环 。break 语句 可 以 让 循环 中 途 停止 ,直接 
执行 后 面 的 代码 。 格 式 如 下 。 


while (i«10) 
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当 特 殊 情 况 发 生 的 时 候 , 循 环 就 会 立即 结束 。 看 看 下 面 的 例子 ,菜鸟 7 号 到 菜鸟 10 号 
在 寝室 打 游 戏 。 


«ntm» 
«body» 
< script type= "text/JavaScript"» 
var i70; 
for (i-0;i«- 10;i* * ) 
t 
ifü--6 
t 
break;// 如 果 i dé 6 的 话 就 退出 循环 
) 
doament.write ("X $ "+ i+ "5 <br/>"); 
} 
< /script» 
< /body> 
</htm> 


当 i=7 的 时 候 循环 就 会 结束 ,不 会 输出 后 面 循环 的 内 容 。 
continue 的 作用 是 仅仅 跳 过 本 次 循环 ,而 整个 循环 体 继续 执行 。 它 的 格式 如 下 。 


while (判断 条 件 ) 
t 
(特殊 情况 ) 
continue; 
循环 代码 
} 


上 面 的 循环 中 , 当 特 殊 情 况 发 生 的 时 候 , 本 次 循环 将 被 跳 过 ,而 后 续 的 循环 则 不 会 受到 
影响 ,来 看 看 下 面 的 例子 : 菜鸟 6 号 外 出 学 习 JavaScript 去 了 。 


<html> 
<body> 
< script type- "text/JavaScript"» 
var i-0 
for (i=0;i<=10;i++) 
{ 
if(i==3) 
t 
continue; 
} 
doamert.write ("Ihe number is "+ i); 
document.write("<br />"); 
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</script> 
< /body> 

< hmb 

上 面 的 代码 中 ,i=6 的 那 次 循环 将 被 跳 过 。 

(5) JavaScript 函数 

A8 EEUU o, ARE TE TFEIEIBER]— Er [C3 . E — Et TE m FEE 7I BE D ARTS EXC 9] — 
个 函数 里 ,以 后 就 可 以 调用 这 个 函数 ,省 去 重复 输入 大 量 代码 的 麻烦 。 一 个 函数 的 作用 就 是 
完成 一 项 特定 的 任务 。 如 果 没 有 函数 时 ,完成 一 项 任务 可 能 需要 5 行 、10 行 甚至 更 多 的 代 
码 。 每 次 需要 完成 这 个 任务 的 时 候 都 重 写 一 遍 代 码 显 然 不 是 一 个 好 主意 。 这 时 可 以 编写 一 
个 函数 来 完成 这 个 任务 ,以 后 只 要 调用 这 个 函数 即 可 。 定 义 函数 格式 如 下 。 


function 函数 名 () 
{ 

函数 代码 ; 
} 


函数 由 关键 字 function 定义 ,把 “函数 名 ”替换 为 想 要 的 名 字 , 把 “函数 代码 ”替换 为 完成 
特定 功能 的 代码 。 了 解 了 如 何 定义 函数 ,就 可 以 编写 一 个 实现 两 数 相 加 的 简单 函数 。 首 先 
给 函数 起 一 个 有 意义 的 名 字 add2, 它 的 代码 如 下 。 


function add () ( 
sum- lr 1; 
alert (sum) ; 
} 


函数 定义 好 以 后 ,可 以 通过 很 多 种 方法 调用 ,这 里 使 用 最 简单 的 函数 调用 方式 一 一 按钮 
的 单 击 事件 。 试 着 单 击 下 面 的 按钮 来 调用 已 经 定义 好 的 函数 。 


«html» 
«head» 


< /SCRIPT> 

< /head> 

<body> 

< fom 

< input type= "button" value= "click it" ONCLICK- " ad2. ()> 
< /fom> 

< /body> 

< /htm> 


以 上 代码 通过 button 按钮 的 单 击 事件 onclick 调用 add2 O R% ER fJ add2() 函 数 
不 能 实现 任意 指定 的 两 数 相 加 。 函 数 的 定义 也 可 以 用 下 面 的 格式 : 
function 函数 名 GA 1 参数 2, 参 数 3){ 


函数 代码 … 
} 
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按照 这 个 格式 ,函数 可 以 改写 成 : 


function aqq2 (x, y) { 
SWF xt y; 
alert (sum); 
} 
x 和 y 是 add2 函数 的 两 个 参数 ,调用 函数 的 时 候 , 通 过 这 两 个 参数 把 两 个 加 数 传递 给 
了 函数 。 例 如 ,add2(3,4) 会 求 3 十 4 的 和 ,add2(56,65) 则 会 求 出 56 和 65 的 和 。alert 
(sum) 一 行 改 成 下 面 的 代码 较 易 理解 : 


retum sum; 


return 后 面 的 值 叫 作 返 回 值 。 使 用 下 面 的 语句 调用 函数 就 可 以 将 这 个 返回 值 存储 在 变 
量 中 。 


result- ad? (3,4) ; 


该 语句 执行 后 ,result 变量 中 的 值 为 7。 需 要 说 明 的 是 ,在 该 示例 中 参数 和 返回 值 都 是 
数字 ,其实 它们 也 可 以 是 字符 串 或 其 他 类 型 。 

(6) JavaScript 事件 

函数 定义 之 后 ,默认 是 不 会 执行 的 ,这 时 候 就 需要 一 些 事件 来 触发 这 个 函数 并 使 其 被 执行 。 
JavaScript 有 很 多 事件 ,例如 鼠标 的 单 击 .移动 ,网 页 的 载 人 和 关闭 。 先 来 定义 一 个 函数 ,再 
看 几 个 事件 的 实例 。 示 例 函 数 如 下 。 

< script type "text/JavaScript"> 

function displaymessage () 

t 

alert ("我 是 菜鸟 我 怕 谁 1"); 

} 

< /script> 

函数 的 事件 很 简单 ,只 是 显示 一 条 消息 。 使 用 单 击 事件 ,需要 给 元 素 设 置 onclick 属性 。 
示例 代码 如 下 。 


< button value= "ff. 1]; 46 46 "fit 41] " anclide "displaymessage0> onclick 调 用 函数 < /outton> 

由 于 设置 了 onclick="displaymessage O" ,因此 单 击 按钮 则 会 调用 函数 。 使 用 鼠标 经 
过 事件 调用 函数 的 代码 如 下 。 

«button value= "ift id; * fe sc "iz HL" 一 "displaymessage()"> 鼠 标 指针 滑 过 调用 函数 < /button> 

当 和 鼠标 经 过 按钮 时 ,触发 onmouseover 事件 ,将 会 调用 孔 数 displaymessage()。 使 用 鼠 
标 移 出 事件 调用 函数 的 代码 如 下 。 

<button value= "ifi i]; * 1E 4 " f 4] " onmousecut- "displaymessage () "> 鼠标 指针 移出 调用 函数 < /button> 

把 鼠标 移动 到 这 个 按钮 里 面 . 当 再 移动 出 去 时 ,和 触发 onmouseout 事件 ,将 会 调用 函数 


displaymessage() 。 限 于 篇 幅 , 本 书 中 不 再 一 一 列举 事件 列表 ,具体 可 参看 W3School JavaScript 
HTML DOM 事件 ,地 址 为 : http://www. w3school. com. cn/js/js htmldom events. asp. 


68 


项 目 2 网 站 页 面 开发 


RBI 5. 使 用 JavaScript 和 CSS 制作 下 拉 菜 单 ,如 图 2-20 所 示 。 
联系 我 们 


E-mail 


Submit Request Form 
Call Center 


图 2-20 下 拉 菜 单 示例 


CD 新 建 index. html 文件 和 default. css 文件 。 在 index. html 中 输入 以 下 代码 (也 可 使 
用 Dreamweaver 制作 界面 ) ,效果 如 图 2-21 所 示 。 


。 主 页 
HINL DropDown DHTML DropDown menu JavaScript DropDown DropDown Menu CSS DropDowun 
. Tä 
ASP Dropdown Pulldown menu AJAX dropdown DIV dropdown 
* JIE 
isa Credit Card Paypal 


Domload Help File Read online 
联系 我 们 


E-mail Submit Request Form Call Center 


图 2-21 下 拉 列 表 效果 图 1 


< !DOCTYFE html PUBLIC "- //W3C//DTD XHIML 1.0 Strict//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1- strict. 
dtd" 
«html» 
<head> 
<title> < /title» 
«meta name- "keywords" content= ""> 
«meta name= "description" content= "> 
< /head» 
<body> 
<ul id- "sd" 
<li><a href=""> X: Ji « /a» 
<div id- "ml" "> 
<a href= "#"> HIML DropDowrk /a» 
<a href= "#"> DHIML DropDown menuc /a> 
<a href="#"> JavaScript DropDownc /a> 
<a href="#"> DropDown Menı« /a> 
<a href="#"> CSS DropDownc /a» 
« /div» 
«Ai» 
<li><a href "f" > 下载 </a> 
«div id- "mo" > 
«a href="#"> ASP Dropdownc /a» 
<a href="#"> Pulldown men /a> 
<a href="#"> AJAX dropdownc /a> 
<a href="#"> DIV dropdown /a» 
« /div» 
«Ai» 
«1li»«a hef" "» i] </a> 
<div id- "mo" "> 
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«a href="#"> Visa Credit Card /a» 
«a href="#"> Paypal« /a» 
« /div» 
</> 
<li><a href= "#" > f B< /a> 
<div id- "m4" "> 
<a href="#"> Download Help File< /a> 
<a href="#"> Read nline< /a> 
« /div» 
«Ai» 
<li><a hef" SKRR « /a> 
<div id- "mb" "> 
«a href="#"> E-milk /a> 
<a href="#"> Summit Request Fom /a» 
«a href="#"> Call Centerx /a> 
</div> 
«/li» 
« /ül» 
<div style= "clear:both"> < /div> 
< /body> 
< /html> 


© 在 default. css 文件 中 输入 下 列 代码 。 


#sdm 

{ margin: 0; 
padding: 0; 
z- index: 30) 


#sdh li 
{ margin: 0; 
padding: 0; 
list- style: none; 
float: left; 
font: bold llpx arial} 


#sdm lia 

{ display: block; 
margin: 0 1px 0 0; 
padding: 4px 10px; 
width: 60px; 
background: 4597082; 
color: #FFF; 
text- align: center; 
text- decoration: none] 


#sdħ li a:hover 
{ background: #49A3FF} 


#sd div 
{ position: absolute; 
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visibility: hidden; 
margin: 0; 

padding: 0; 

background: £FAFBDG; 
border: 1px solid $597082) 


#sddm diva 

{ position: relative; 
display: block; 
margin: 0; 
padding: 5px 10px; 
width: auto; 
white- space: nowrap; 
text-align: left; 
text- decoration: none; 
background: $EAEBD6; 
color: $2875DE; 
font: llpx arial} 


#sd div a:hover 
{ background: #49A3FF; 
color: #FFF} 


接着 在 index. html 中 输入 所 link rel =" stylesheet" type =" text/css" href 一 "css/ 
default. css" — , A Sn [e] 2-22 所 示 。 


图 2-22 下 拉 列 表 效果 图 2 


@ 在 index. html XAFA <head> </head> KAri A L FARI 


< script type= "text/javascript"> 


xg cc 

var timecut =500; 
var closetimer =0; 
var damenuitem =0; 
// open hidden layer 
function mcpen (id) 


t 
// cancel close timer 
mcancelclosetime|(); 


// close old layer 
if(ddmenuitem) ddmenuitem.style.visibility- 'hidden'; 


// get new layer and show it 


damenuiteme- document .getElementByld (id) ; 
damenuitem.style.visibility- 'visible'; 
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if(ddmenuitem) ddmenuitem.style.visibility- 'hidden'; 
} 


// go close timer 
function mclosetime () 
{ 
closetimer- window.setTimecut (mclose, timeout); 
) 


// cancel close timer 
function mcancelclosetime () 
t 
if(closetimer) 
{ 
Window.clearTimecut (closetimer) ; 
closetimer- null; 


) 


// close layer when click- out 
document .onclick-mclose; 
/4--» 

< /script> 


这 段 JS 代码 中 ,定义 了 mopenCid) .mclose() mclosetime() 和 mcancelclosetime O PÂ PR 
数 ,分别 用 于 打开 层 、 关 闭 层 、 设 置 定时 器 和 取消 定时 器 。 


@ 接 下 来 为 顶层 菜单 项 和 div 添加 onmouseover 和 onmouseout 事件 。 如 代码 黑色 加 


粗 部 分 所 示 。 最 终 效果 如 图 2-22 所 示 。 
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«ul id- "sddm> 
<li><a hef" armouseover- "hepen ("ril") " armouseautb- "holosetire ("> 主页 < /a» 
<div iŒ "ml "armouseover- "cancelclosetime () " armouseoub- "hclosstime 0 "> 
<a href="#"> HIML DropDownc /a» 
<a href="#"> DHIML DropDown menx /a» 
<a href="#"> JavaScript DropDown< /a> 
<a href="#"> DropDown Men« /a» 
«a href="#"> CSS DropDownc /a> 
« /div» 
«Ai» 
< li> <a href= "4 "arnmouseover- "open ( 2") " ormouseout- "mclosetime () "> 
下 载 < /a> 
«div id 'h?" amouseover- mcancalclosstine () " amcusecut= "hclosstime ("> 
<a href="#"> ASP Dropdow /a> 
<a href="#"> Pulldown men /a> 
« a href="#"> AJAX dropdownc /a» 
«a href="#"> DIV drapdowc /a> 
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« /div» 
«Ai» 
<li><a href= "£" armouseover- "mpen ('m3")" onmouseout- "mclosetime () 
订单 < /a> 
<div id- rà" amcuseovet= "cancelclosetime0n amcusecut= "hclosstime (0) "> 
«a href- "f Visa Credit Cark /a> 
<a href="#"> Paypal« /a» 
< /div» 
« Ai» 
<li><a href= "f" armouseover- "mopen ('m4")" qmouseout= "mclosetime ()"> 
帮助 < /a> 
< divid- "m4" anmcuseover= "mcancelclosetime ()" ormouseout- "mclosetirme () "> 
«a href="#"> Download Help File« /a> 
«a href="#"> Read online /a> 
</div> 
« Ai» 
<li><a href= "4" anmouseover- "mopen ("r5") " armouseout- "mclosetime () 
联系 我 们 < /a> 
< div id "m5" qmouseover= "mancelcilosetirme () " ormouseout- "mlosetire () "> 
«a href- "£"» E- mail« /a» 
<a href="#"> Sumit Request Fomk /a» 
<a href="#"> Call Centerx /a> 
« /div» 
«i» 
« /u» 
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2.4.1 任务 1: 建立 Smart On Line 电子 商城 站 点 ,添加 网 站 横幅 广告 


1. 任务 目标 
(1) 能 熟练 操作 VS2012 集成 开发 环境 。 
(2) 能 熟练 使 用 VS2012 创建 Web 站 点 。 
(3) 能 运用 VS2012 添加 和 编辑 Web 页 面 。 
(4) 能 熟练 设置 控件 属性 。 
2. 任务 内 容 
(1) 创建 Smart On Line 站 点 。 
(2) 添加 和 编辑 首页 页 面 。 
(3) 在 首页 中 添加 横幅 广告 。 
3. 任务 实施 步骤 
该 任务 的 实现 具体 分 为 创建 Smart On Line 站 点 、 添 加 Web 页 面 、 在 首页 中 添加 横幅 
广告 三 个 步骤。 
(1) 创建 Smart On Line 站 点 
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下 面 介 绍 创建 Smart On Line 站 点 详细 
步 又。 首先 单 击 Visual Studio 2012 图 标 启 
动 VS2012, 如 图 2-23 所 示 。 

接着 选择 “新 建 ”> 网站” 命令, 出现“ 新 建 
网 站 ”对 话 框 ,如 图 2-24 和 图 2-25 所 示 。 

在 对 话 框 中 单 击 “*ASP. NET 空 网 站 ? 选 
项 ,并 且 输 入 所 要 保存 的 文件 位 置 ,示例 中 
将 其 保存 到 C 盘 根 目 录 下 ,并且 将 网 站 名 更 
改 为 SmartOnLine。 单 击 “ 确 定 ” 按 钮 ,创建 
新 的 空白 网 站 结构 ,如 图 2-26 所 示 。 新 创建 
的 网 站 中 只 有 Web. config X ft. Web. 
config 文件 是 一 个 XML 文本 文件 ,用 来 储存 
ASP.NET Web 应 用 程序 的 配置 信息 (如 设置 
ASP. NET Web 应 用 程序 的 身份 验证 方式 )， 
它 可 以 出 现在 应 用 程序 的 每 一 个 目录 中 。 当 
通过 .NET 新 建 一 个 Web 应 用 程序 后 ,默认 
情况 下 会 在 根 目 录 自 动 创 建 一 个 默认 的 
Web. config 文件 ,所 有 的 子 目 录 都 继承 它 的 
配置 。 如 果 想 修改 子 目 录 的 配置 ,可 以 在 该 
子 目录 下 新 建 一 个 Web. config 文件 。 它 提供 
除 从 父 目 录 继 承 的 配置 信息 以 外 的 信息 ,也 
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从 internet Explorer , 


| ] Visual Studio 2012 上 
Internet Explorer (64-bit) 


QL Server Management 


默认 程序 


g TeamViewer 8 
6 Foxmail 


帮助 和 支持 


图 2-23 


启动 VS2012 


图 2-24 


选择 "新建 ”~“ 网 站 ”命令 


可 以 重 写 或 修改 父 目 录 中 定义 的 设置 。 在 运行 时 对 Web. config 文件 的 修改 不 需要 重启 服务 


就 可 以 生效 ( 注 : 二 processModel 二 部 分 例外 )。 


当然 Web. config 文件 是 可 以 扩展 的 。 可 以 自 


定义 新 配置 参数 并 编写 配置 节 处 理 程序 以 对 它们 进行 处 理 。 
注意 : 刚 创建 的 网 站 中 尚 没有 任何 的 空白 页 面 , 需 要 添加 新 的 Web 页 面 。 


(2) 添加 Web 页 面 
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图 2-26 网 站 结构 图 


右 击 SmartOnLine 项 目 文件 夹 , 接 着 选择 “ 添 
接着 出 现 “ 添 加 新 项 ”对 话 框 ,如 图 2-28 所 示 。 


加 新 项 ”命令 ,如 图 2-27 所 示 。 
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在 “添加 新 项 ”对 话 框 中 单 击 “ 


“Web 窗 体 ” 选 


先 项 ,更 改 相 应 的 名 称 。 这 里 将 首页 命名 为 
Default. aspx。 单 击 “ 确 定 ” 按 钮 ,出 现 如 图 2-29 所 示 的 空白 Web 页 面 。 
JEU | Cr me US c 


图 2-29 空白 Web 页面 
单 击 “ 源 ” 选 cci 切换 到 “* 源 ”视图 方式 (如 图 2-30 所 示 ) 。 


在 代码 视图 中 修改 标题 


</title>”. 


Potente ~ Dess -| 3. D pP pocrm 


图 2-30 
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代码 视图 


a aw) o m 


as 


sas 


欢迎 您 访问 Smart On Line 


接着 单 击 Debug 按钮 ,如 图 2-31 所 示 。 
在 第 一 次 启动 运行 时 会 弹出 “未 启用 调试 "提示 信 息 ,如 图 2- 
测试 阶段 应 单 击 “ 修 改 web. config 文件 以 启用 调试 ”选项 ， 


32 所 示 。 为 便于 调试 ,在 
运行 效果 如 图 2-33 所 示 。 
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图 2-31 启用 调试 


由 于 未 在 Web.config 文件 中 启用 调试 ， 因 此 无 法 在 调试 模式 下 运行 该 页 。 您 希望 做 什么 ? 


@ 修改 Web.config 文件 以 启用 调试 (M)。 
p — 在 生产 环境 中 部 署 网 站 之 前 应 在 Web.config 文件 中 禁用 调试. 


O 不 进行 请 试 直接 运行 (R)。 人 等 同 于 Ctrl+F5) 


lS EIE P- BO 


图 2-33 ”修改 标题 后 的 网 站 运行 效果 


(3) 添加 SmartOnLine 首页 横幅 广告 
CD 便于 清晰 显示 网 站 结构 和 控制 访问 权限 ,需要 在 站 点 下 新 建文 件 夹 中 单独 存放 图 
片 。 右 击 SmartOnLine 项 目 根 文件 夹 ,弹出 “添加 ”菜单 ,接着 单 击 “ 新 建文 件 夹 "菜单 项 ( 见 
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图 2-34) ,将 文件 夹 更 名 为 Image. 
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图 2-34 新 建文 件 夹 


© 将 素材 中 的 Banner. png 复制 到 Image 文件 夹 中 。 拖 放 Image 控件 到 Default. aspx 
页 面 中 ,其 ID 为 Imagel。 
C) Aih Imagel 控件 ,接着 单 击 “ 属 性 "菜单 项 显示 属性 页 ,按照 表 2-3 所 示 修 改 控件 属性 。 
表 2-3 更 改 Imagel 控件 属性 


Ju 性 值 属 性 值 
ID imgBanner ImageUrl — / Image/ banner. png 


@ 单 击 “ 运 行 ”按钮 ,显示 的 效果 图 如 图 2-35 所 示 。 


snari; 
online 


图 2-35 任务 1 的 最 终 效 果 图 
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2.4.2 任务 2: 制作 Smart On Line 商城 母 版 页 


1. 任务 目标 

(1) 能 使 用 DIV 和 CSS 完成 Smart On Line 商城 母 版 页 的 布局 。 

(2) 能 熟练 使 用 VS2012 创建 母 版 页 。 

2. 任务 内 容 

(1) 能 熟练 使 用 VS2012 创建 母 版 页 。 

(2) 运用 DIV 和 CSS 设计 Smart On Line 商城 母 版 页 布局 。 

3. 任务 实施 步骤 

制作 Smart On Line 商城 母 版 页 ( 见 图 2-36) 细 化 为 两 个 小 环节 。 第 一 个 环节 是 创建 母 
版 页 文件 ;第 二 个 环节 则 是 在 母 版 页 中 使 用 CSS 和 DIV 布局 。 


Sar 
OnLine 


MECCCN aP Rosena MT 关于 MAGN us RERIN 


图 2-36 任务 2 效果 图 


(D 在 “解决 方案 资源 管理 器 ”窗口 中 右 击 SmartOnLine 文件 夹 ,选择 “新 建文 件 夹 ”" 命 
4 ,更改 文 件 夹 名 为 Shop. 
© 右 击 Shop 文件 夹 ,选择 “添加 ”一 “添加 新 项 "命令 ,打开 “添加 新 项 ”对 话 框 ,在 
“名 称 ” 对 话 框 中 输入 Layout. master, 单 击 “ 母 版 页 ”列表 ,再 单 击 “ 添 加 ”按钮 。 
© Hiz) HTML 标签 页 中 的 DIV 控件 到 Layout. master 母 版 页 中 ,按照 代码 中 的 粗 体 
更 改 相 应 的 ID 号 和 层次 。 
<div id-"main container" 
<div id- "header'^ 
« /div» 
<div id- "center" class= "oenter content" 
« /div» 
<div iœ "ft" class= "footer" 
« /div» 
« /div» 
(D 右 击 Shop 文件 夹 ,选择 “添加 ”添加 新 项 ”命令 ,打开 * 添 加 新 项 "对 话 框 “名 称 ” 
文本 框 中 输入 mystyle. css, 单 击 “ 样 式 表 ”列表 项 ,再 单 击 “ 添 加 ”按钮 。 打 开 mystyle. ess X 
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件 , 输 入 如 下 代码 。 


body 
t 
Lbackgrcund:url (images/bg.3pg) repeat- x $e4e9ec top; 
padding:0; 
font- family:Arial, Helvetica, sans- serif; 
font- size:llpx; 
margin:0px auto auto auto; 
color:$000; 


width:1000px; 

height:13gpx; 

background:url (images/header bg.jpg) no- repeat center; 
background- position:0px Opx; 

margin:auto; 


float:left; 
/ * padding:5px 10px 5px 15px; * / 
height:500px; 
text- align:center; 
} 
-footer( 
width:1000px; 
clear:both; 
height:65px; 
background:url (images/footer bg.gif) repeat- x top; 
H 


然后 在 Layout. master 文件 中 输入 二 link rel="stylesheet" type=" text/css" href = 
"mystyle. css" / 7 X —2b d: EV t body 的 背景 色 并 使 网 页 居中 ,同时 也 设置 各 个 DIV 容 
器 的 样式 如 长 ` 宽 等 。 

© 打开 mystyle. css 文件 ,输入 如 下 代码 。 

-top right( 


width:728px; 
float:right; 


80 


项 目 2 网 站 页 面 开 发 


-languagest 
float:right; 
widtn:l50px; 
padding:8px 0 0 0; 
H 
-big banner( 
float:right; 
padding:l0px 10px 0 0; 
} 
.lang text( 
float:left; 
padding:0 5px 0 0; 
color:flDAlCF; 
} 
#10go{ 
float:left; 
padding:45px 0 0 15px; 
} 


这 个 步骤 主要 编写 相关 CSS 样式 以 供 使 用 。 接 着 按照 下 面 代码 所 示 的 结构 层次 拖 动 
DIV 控件 ,并 设置 相应 的 样式 ( 粗 体 文字 表示 )。 


<div id "header" 
< div class= "top right"> 
< div class= "languages" 
<div class= "lang text" > 语言 :< /div> 
<a href= "f" class= "lang"> < img src= "images/en.gif" alt= "" 
title ™ border= "0" />< /a» 
<a href= "f" class= "lang"> < img src= "images/de.gif" alt= ™ 
title ™ border= "0" />< /a> 
< /div» 
<div class= "big banner" 
«a href- "f" < img src= "images/banner 728.png" alt- "" 
title- "" border- "0" />< /a> 
< /div» 
« /div» 
<div jd "logo" 
<a href= "index.html "> < img src= "images/logo.png" alt= "" 
title= ™ border= "0" width= "182" height= "85" /» < /a» 
« /div» 
« /div» 


© 拖 动 ContentPlaceHolder 控件 至 center DIV 部 分 。 此 时 的 效果 如 图 2-37 所 示 。 
D 接 下 来 进行 页 脚 层 的 制作 。 将 页 脚 ft DIV 分 别 进行 左 、 中 、 右 布局 。 拖 动 3 个 DIV 
控件 到 ft 层 中 ,在 各 个 层 中 编写 超 链接 (代码 如 下 )。 


<div class= "footer"> 
<div class= "left footer" 
< img src- "images/footer logo.png" alt= ™ title= ™ width= "89" 
height= "42"/> 
< /div» 
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图 2-37 任务 2 效果 图 1 


<div class= "center footer"> 
NBCC.CN. All Rights Reserved 2014« br /> 
«a href= "http: //ww.nbcc.cn/" title= "free css templates"» 
WwWw.rbcc.cn« /a» <br /> 
< img src- "images/payrent .gi f" alt= "" title= ™ /> 
</div> 
<div class= "right footer"» 
<a href= "index.html "> Ë T < /a» 
<a href= "details.html'» X F< /a> 
<a href= "details.html"> 站 点 导航 < /a> 
<a href= "details.html"» rss< /a> 
<a href= "contact.htnl"» HK & R f[] « /a> 
« /div» 
« /div» 


(& 编写 left footer.center footer 和 right footer 的 样式 定义 。 在 mystyle. css 输入 以 
下 代码 。 


-footer( 
width:1000px; 
clear:both; 
height :65px; 
background:url (images/footer bg.gif)repeat- x top; 

H 

-left footer( 
float:left; 
width:300px; 
padding:5px 0 0 10px; 

} 

right footer( 
float:right; 
padding:l5px 30px 0 0; 

} 

.right footer af 
padding:0 0 0 7px; 
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text- decoration:none; 
color: #666666; 
} 
.right footer a:hover( 
text- decoration:underline; 
} 


2.4.3 任务 3: 实现 Smart On Line 商城 首页 的 制作 


1. 任务 目标 

(1) 能 使 用 DIV 和 CSS 实施 页 面 布局 。 

(2) 能 根据 母 版 页 创建 内 容 页 。 

2. 任务 内 容 

(1) 运用 DIV 和 CSS 设计 Smart On Line 商城 模板 页 的 布局 。 
(2) 使 用 母 版 页 创建 新 内 容 页 。 

3. 任务 实施 步骤 


制作 Smart On Line 商城 首页 ( 见 图 2-38) 分 为 两 个 环节 。 第 一 个 环节 是 根据 母 版 页 创 


建 内 容 页 ;第 二 个 环节 则 是 在 内 容 页 中 使 用 CSS 和 DIV 布局 ( 见 图 2-39) 。 


QD Aii Shop 文件 夹 ,选择 “添加 ”一 “添加 新 项 ”命令 ,打开 “添加 新 项 ”对 话 框 , 单 击 
"Web 窗 体 ” 列 表 项 ,选择 “选择 母 版 页 " 复 选 框 ,在 名称” 文本 框 中 输入 index. aspx。 接 着 


单 击 “ 添 加 ”按钮 ,打开 “选择 母 版 页 ”对 话 框 。 


© 在 “选择 母 版 页 ”对 话 框 中 ,选择 上 一 任务 完成 的 Layout. master 母 版 页 , 单 击 


C 制作 导航 。 拖 动 DIV 控件 到 内 容 页 ,设置 id 为 menu_tab, 使 用 ul 和 1i 标 签 定 义 无 


序列 表 。 


< div ij "menu tab» 
«ul class= "menu"> 
<li><a href= "index.html" class= "nav'» ff JE « /a» « /1i» 
<li class= "divider'^ < /1i» 
<li> <a href= "WareGrid.aspx" class= "nav"> Ñ] in < /a» < /Li> 
<li class= "dividœer"> < /1i» 
«1i» «a href= "f" class= "nav'» f$ fft < /a» « /1i» 
<li class= "divider' < /1i» 
<li><a href= "f" class= rnav> 我 的 账户 </a></li> 
<li class= "divider' < /1i» 
<li><a href= "Togin.aspx" class= "nav"> 登录 < /a>< /li> 
<li><a href= "reg.aspx"class- "mav > 注册 < /a» < /Li> 
<li class= "divider" < /1i» 
«1li»«a href- "f" class= nav> 快 运 « /a» « /1i» 
<li class= "divider" < /1i» 
<li><a href= "ontact .html" class= "nav"> 联 系 我 们 < /a>< /1i> 
</> 
« /div» 


然后 在 mystyle. css 文件 中 编写 菜单 所 需 的 样式 ,代码 如 下 。 
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图 2-38 


首页 效果 图 
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图 2-39 使 用 CSS 和 DIV 布局 
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#menu tabf 
width:l000px; 
height:368; 
background:url (images/menu bg.gif) repeat- x; 
H 
ul.menu ( 
list- style- type:none; float:left; display:block; width:982px; 
margin:0px; padding:0px;background:url (images/menu bg.gif) repeat- x; 
} 
ul.menu li( 
display:inline; 
font- size:llpx; 
font- weight:bold; 
line- height:3Gpx; 
I 
ul.menu li.divider ( 
display:inline; 
width:4px; 
height:36x; 
float:left; 
background:url (images/menu divider.gif) no- repeat center; 
} 


a.nav:link, a.nav:visited { 
display:block; 
float:left; 
padding:0px 8px 0px Spi; 

margin:0 14px 0 14px; 

height:36pxy 
text- decoration:none; 
color:#fff; 

} 

a.nav:hover{ 
display:block; 
float:left; 
padding:0px 8px 0px Spi; 
margin:0 14px 0 14px; 
height:36x; 
text- decoration:none; 
color:tl99ECD; 

H 


@ 按照 图 2-39 所 示 效 果 图 制作 左 侧 网 页 。 鉴 于 大 量 的 html 网 页 制作 不 是 本 教程 的 重 
点 ,这 里 将 相应 的 HTML 代码 和 CSS 代码 作 下 描述 ,具体 类 似 操作 就 简略 。 左 侧 效果 网 页 


代码 如 下 。 


<div class= "cnnb navigation"» 
导航 : < span class= "current" 主页 < /span> 
« /div» 
<div class-"left content"> 
«div class- "title box" 4] 2E « /div> 


85 


ASP NET 动 态 网 站 开发 


86 


«ul class= "left menu" 
<li class "odd'» < a href= "details.html"» AX H Hà dit « /a» « /1i» 
<li class= "even"> « a href= "details.html "> FHL « /a» « /li> 
<li class="odd"> < a href= "details.html"» fit fti 4 X< /a» « /1i> 
<li class= "even'» « a href= "details.html"» I & JH ih < /a» « /1i» 
«li class= "odd'» < a href= "details.html"» 71 F [4 fi « /a» « /1i» 
<li class- "even'» « a href= "details.html"» [£ 45 F f « /a» « /1i» 
<li class "odd'» < a href= "details.html' X Jii CR. « /a» </li> 
« li class="even"> < a href= "detai 15.html"» 4 TE fL f< /a» « /1i» 
<li class="odd"> < a href= "details.html"» 3 Z) fit BE « /a» « /1i» 
<li class "even'» « a href= "details.html"» ft ih CFL « /a» « /1i» 
<li class "odd"> < a href= "details.html" # 81 Ji f « /a» < /13» 
<li class="even"> « a href= "details.html' $k * Ñ tfi < /a» « /1i» 
« /ul» 

«div class= "title box" ff ffr « /div> 

< div class= "border box"> 
<div class= "product title"» « a href= "details.html"> 


欧宝 丽 (doni) 32nM 32 英 寸 超 窄 边 IED 液 晶 电视 f </a> < /div> 


«div class= "product img"> <a href= "details.html"> < img src= 
"images/pl.jpg" 
alt-"" title- "" border- "0" />< /a> < /div» 
« div class= "prod price"» < span class= "reduce" 350Y < /span» 
< span class= "price"> 
270¥ < /span> < /div» 
</div> 
«div class= "title pox"> 推 送 < /div> 
< div class= "border box"> 
< input type= "text" name= "newsletter" class= "newsletter input" 
value= "你 的 E- mail db hit "/> 
<a href- "f" class= "join"» iT li] « /a» 
« /div» 
<div class= "banner adds" 
«a href= "#">< img src= "images/banm?. jpg" alt= ™ title- mm 
border- "0" />< /a» 
« /div» 
< /div» 


相应 的 CSS 代码 如 下 。 


padding:5px 10px 0 20px; 
Color:#333333; 
background:url (images/navbullet.png) no- repeat left; 
background- position:5px 8p; 
H 
.cnnb navigation af 
color:#0fa0dd; 
text- decoration:underline; 
} 
span.current{ 
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color:#0fa0dd; 


background:url (images/menu title bg.gif) no- repeat center; 
text- align:center; 

font- size:l3px; 

font- weight:bold; 

color:£159dcc; 

line- height:30px; 


) 

ul.left mem li( 
margin:Opx; 
list- style:none; 

} 

ul.left menu li.odd af 
width:166x;height :25px;display:block; border- bottam:1px # 
e4e4e4 dashed; 
text- decoration:none;color:£504b4b;padding:0 0 0 14px; 
line- height:25px; 

} 

ul.left menu li.even af 
width:166px;height :25px; 
display:block; border- bottom: lpx #e4e4e4 dashed; background- color: 
#fO0f4f5; 
text- decoration:nonezcolor:#504b4b;padding:0 0 0 14px; 
line- height:25px; 

} 

ul.left menu li.even a:hover, ul.left menu li.odd a:hover( 
color:#000; text- decoration:underline; 

} 

-border box{ 
width:180px; 
height:auto; 
text- align:center; 
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background:url (images/box bottom bg.gif) no- repeat center bottam; 

} 

product title( 
color:#ff8a00; 
padding:5px 0 5px 0; 
font- weight :bolg; 

} 

product title af 
text- decoration:none; 
color:#ff8a00; 
padding:5px 0 5px 0; 
font- weight :bold; 


product. title a:hover{ 
color:f064E5A; 


.product img{ 
padding:5px 0 5px 0; 


.prod priœ{ 
padding:5px 0 5px 0; 


Span.reduce( 
color:#666666; 
text- decoration:line- through; 


span.pricet 
color: #ff8a00; 


border:lpx #90d9d9 solid; 
margin:lOpx 0 5px 0; 
font- size:l2px; 
padding:3px; 
color:#999999; 

} 

a.join{ 
width:28px; 
display:block; 
margin:0px 0 5px 110px; 
padding:2px 8px 6px px; 
text- decoration: underline; 
colorztl6980C; 

} 

-banner adds( 
width:le0px; 
text- align:center; 
padding:lOpx 0 10px 0; 
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} 


O 制作 中 间 及 右 侧 的 效果 。 限 于 篇 幅 , 具 体 代 码 本 书 就 不 一 一 列举 了 。 请 查看 本 书 配 
套 的 源 代码 。 网 站 整体 运行 效果 如 图 2-38 所 示 。 


2.4.4 任务 4: 实现 Smart On Line 商城 首页 广告 的 轮 动 显示 


1. 任务 目标 

能 使 用 JavaScript 实现 网 页 的 特殊 效果 。 

2. 任务 内 容 

能 熟练 使 用 JavaScript 实现 广告 轮 动 显示 的 效果 。 

3. 任务 实施 步骤 

实现 广告 轮 显 采用 JS 代码 实现 。 搜 狐 网 站 中 为 开发 人 员 提 供 了 封装 的 JS 代码 供 开 发 
人 员 使 用 。 本 书 使 用 其 封装 的 SohuFlash 实现 广告 轮 显效 果 ( 见 图 2-40)。 


LIT. 


Smart 
On Line 


图 2-40 首页 广告 轮 显 效果 图 


CD 将 该 任务 所 需 的 素材 17173msw. swf 和 eye. js 文件 复制 到 项 目 相应 目录 中 。 右 击 
Shop 文件 夹 ,选择 “添加 ”一 “新 建文 件 夹 " 命 令 , 将 文件 更 名 为 swf。 以 同样 方式 创建 js 文 
件 来。 将 17173msw. swf 复制 到 swf 文件 夹 中 ,将 eye. js 复制 到 js 文件 夹 中 。 

© 在 上 一 任务 完成 的 index. aspx 首页 文件 的 二 div class= "oferta" — Jri ifii A. DIV 代 
码 ,设置 id 为 sasFlashFocus311, 并 插入 Flash 元 素 , 其 代码 如 下 所 示 。 该 段 代 码 显 示 常 见 
的 Flash 动画 效果 的 设置 参数 ,其 中 该 任务 相关 的 元 素 主要 是 Flash 动画 显示 的 高 和 宽 以 
及 Flash 文件 名 ,已 经 在 代码 中 用 粗 体 进行 标识 。 


< DIV id- sasFlashFocus3ll > 
< OBJECT id- sasFlashFocus3ll height= 156 width= 585 
Classid-clsid : DPCDB6E — AE6D — 11cf — 9688 — 444553540000 > 
< PARAM NAME " cx" VALUE= "7990" > 
< PARAM NAME " cy" VALUE= "6006" > 
< PARAM NAFF "FlastiVars" VALUE= "" > 
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< PARAM NEME- "Movie" VAILE= "swf/17173nsw.swfn > 
< PARAM NAMF= "Src" VALUE- "swf/17173nsw.swf" > 
< PARAM NAME "Mbde" VALUE= "Opaque" > 
< PARAM NAME "Play" VALUE= "O" > 
< PARAM NIME "Loop" VALUE= "- 1" > 
< PARAM NA2ME- "Quality" VALUE- "High" > 
< PARAM NAMF= "SAlign" VALUE- "LT" > 
< PARAM NAMF= "Menu" VALUE- "0" > 
< PARAM NAMF= "Base" VAIUE- "" > 
< PARAM NAME "AllowScriptAccess" VAIDE- "" > 
< PARAM NA2ME- "Scale" VALUE= "NoScale" > 
< PARAM NAME "'DeviceFont" VALUE= "0" > 
< PARAM NAME- " ie" VALUE- "0" > 
< PARAM NAME- "'EGColor" VALUE- "" > 
< PARAM NAME "SNRempte" VALUE= ™ > 
< PARAM NAME "MovieData" VALUE= "" > 
< PARAM NAME "SeamlessTakbing" VALUE= "1" > 
< PARAM NAME "Profile" VALUE- "0" > 
< PARAM NAME "Profi leAddress" VALUE= "" > 
< PARAM NAME "Profi lePort" VALUE= "0" > 
< PARAM NAME- "AllowNetworking" VALUE- "all" > 
< PARAM NAME "Al lowFullScreen" VALUE= "false" > 
« / OBJECT > 
«/DIV» 


@ index. aspx 文件 的 二 head 二 元 素 中 输入 以 下 代码 ， 
< SCRIFT src- "js/eye.js" type= text/javascript> < /SCRIPT> 


@ 在 步骤 @@ 中 输入 的 二 /OBJECT 二 代码 后 面 输入 如 下 代码 ,其 中 pies 变量 代表 要 轮 
显 的 图 片 ,mylinks 对 应 每 个 图 片 被 单 击 时 可 以 访问 的 链接 地 址 。 


< RIPT type- text / javascript > 

var pic width- 585; // 图 片 宽度 

var pic height-156; // 图 片 高 度 

var button pos-2; // 按 钮 位 置 1 左 2 右 3 上 4 下 

var stop time-2000; // 图 片 停留 时 间 (1000 为 1 秒 钟 ) 

var show text= 0; // 是 否 显 示 文 字 标 签 1 显示 0 不 显示 

Var txtoolor- "ff0000"; // 文 字 色 

var bgcolor= "DDDDDD"; // 背 景色 

Var swf height= show text ==1 ? pic height +20 : pic height; 

var pics- "", mylinks= ™", texts- ""; 

pics- 'images/01 jpg] images/02. jpg images/03.jpgl 
images/04. jpg| images/05. jpg| images/06. jpg' ; 

mylinks- "http://www. sina.cany | htp://Ww.sina.oany | ttp: / /ww. sina. oam/ 
| http://www. sina.ccm/ | http://www. Sina .oany | http: / /Ww. sina conv" ; 

var schuFlash2- new schuFlash ("sw£/17173msw.swf£", "sasFlashFocus3ll", 

pic width, swf height, "6"); 
schuFlast2.addParam("quality", "hign"); 
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sohuFlash2.addParam ("wmode", "opaque"); 
SchuFlash2.addVariable ("pics", pics); 
schuFlasth2.addVariable ("links", mylinks); 
schuFlast2.addVariable("texts", texts); 
SchuFlash2.adWariable("pic width", pic width); 
SchuFlash2.adWVariable("pic height", pic height); 
SchuFlash2.adWVariable("show text", show text); 
schuFlast2 .addVariable ("txtoolor", txtcolor); 
SchuFlash?.addVariable ("bgcolor", bgoolor); 
SohuFlash2.addVariable ("button pos", button pos); 
sohuFlash2.adwariable("stop time", stop time); 
sohuFlast2 write ("sasFlashFocus311") ; 

</ SCHIET > 


25 总 结 归 纳 


在 ASP. NET Web 网 站 开发 过 程 中 ,必须 要 运用 HTML 等 基本 知识 。 限 于 篇 幅 , 本 书 
中 将 不 再 具体 前 述 HTML 的 基本 知识 , 想 了 解 HTML 知识 的 读者 可 参考 相关 书籍 。 


26 课 后 习题 


选择 题 
1， 当 表单 各 项 填写 完毕 , 单 击 “ 提 交 ” 按 钮 时 可 以 触发 ( ) 事 件 。 
A. onEnter B. onSubmit C. onMouseDrag D. onMouseOver 


2. 分 析 下 面 的 JavaScript 代码 段 ,输出 结果 是 ( ^)». 


var a- 15.59; 
document .write (Math.round(a)) ; 
A. 15 B. 16 C. 15.5 D. 15.4 
3. 使 用 JavaScript 实现 下 面 的 功能 : 在 一 个 文本 框 中 内 容 发 生 改变 后 , 单 击 页 面 的 其 
他 部 分 将 弹出 一 个 消息 框 来 显示 文本 框 中 的 内 容 。 下 面 语句 正确 的 是 ( » 
A. <INPUT TYPE- "text" onChange = "alert(this. value) "> 
B. <INPUT TYPE- "text" onClick = "alert(this. value) "> 
C. <INPUT TYPE= "text" onChange = "alert(text. value) "> 
D. <INPUT TYPE- "text" onClick = "alert(value) "> 
4. 假定 今天 是 2006 年 4 月 1 日 (星期 六 ) ,请 问 下 列 JavaScript 代码 在 页 面 上 的 输出 结 
RÆ Jia 


var time- new Date () ; 
document.write (time.getDate () ) ; 
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10. 


ls; 


12. 


13. 


14. 


15. 


A. 2006 B. 4 C. 1 D. 6 


. 在 HTML 中 ,表单 中 的 input 元 素 的 ( ) 属 性 用 于 指定 表单 元 素 的 名 称 。 


A. value B. name C. type D. caption 


. 下 面 描 述 正确 的 是 ( Je 


A. switch 语句 用 于 重复 执行 一 个 语句 块 的 操作 

B. switch 语句 根据 表达 式 的 值 执行 若干 语句 块 之 一 ,如 果 没 有 匹配 项 , 则 执行 默认 
语句 块 中 的 语句 

C. switch 语句 表达 式 中 的 值 不 能 与 后 面 case 语句 中 的 常量 相 匹 配 时 将 出 现 运行 错误 

D. switch 语句 又 叫 循环 语句 


. 分 析 如 下 JavaScript 代码 ,b 的 值 为 ( m 


var a-1.5 ,b; 


b= parseInt (a); 

A. 2 B. 0.5 C. 1 D;. 1.5 
. CSS 指 的 是 ( ) 。 

A. Computer Style Sheets B. Cascading Style Sheets 

C. Creative Style Sheets D. Colorful Style Sheets 


. 在 以 下 的 HTML 中 ,正确 引用 外 部 样式 表 的 方法 是 ( Js 


A. <style src 一 "mystyle. css"> 
B. <link rel="stylesheet" type="text/css" href= "mystyle. css"> 
C. <stylesheet>mystyle. css</stylesheet> 
在 HTML 文档 中 ,引用 外 部 样式 表 的 正确 位 置 是 (  )。 
A. 文档 的 末尾 B. 文档 的 顶部 C. 二 body> 部 分 D. head NDA) 
用 于 定义 内 部 样式 表 的 HTML 标签 是 ( Ji 


A. <style> B. <script> C. «ess 

可 用 来 定义 内 联 样式 的 HTML AEE — D. 

A. font B. class 

C. styles D. style 

下 列 CSS 语法 中 正确 的 是 ( Jis 

A. body:color= black B. {body:color= blackbody} 
C. body (color; black} D. (body;color; black) 

在 CSS 文件 中 插入 注释 的 方法 是 ( Js 

A. // this is a comment B. // this is a comment // 
C. /* this is a comment * / D. this is a comment 


可 用 于 改变 背景 颜色 的 属性 是 ( Ja 
A. bgcolor: A,B,C, 
B. background-color: 


C. color: 
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16. 为 所 有 的 二 hl 之 元 素 添加 背景 颜色 的 代码 是 ( 
A. hl. all {background-color: # FFFFFF} 
B. hl (background-color: # FFFFFF; 
C. all. hl (background-color; # FFFFFF; 

17. 可 以 改变 某 个 元 素 的 文本 颜色 的 属性 是 ( Je 


A. text-color: B. fgcolor: 
C. color: D. text-color 

18. 可 控制 文本 大 小 的 CSS 属性 是 ( m 
A. font-size B. text-style 
C. font-style D. text-size 

19. 在 以 下 的 CSS 中 ,可 使 所 有 <p> 元 素 变 为 粗 体 的 正确 语法 是 ( 
A. <p style— "font-size: bold" — B. <p style= "text-size: bold" — 
C. p {font-weight: bold) D. p ítext-size: bold) 

20. 显示 没有 下 划 线 超 链接 的 方法 是 ( Js 
A. a (text-decoration:none; B. a (text-decoration:no underline? 
C. a (underline: none) D. a (decoration:no underline? 


27 同步 操练 


在 项 目 1 中 已 经 完成 了 格林 酒店 管理 系统 的 数据 库 设计 ,项 目 经 理 指 定 设计 并 创建 格 
林 酒 店 网 站 首页 , 现 要 求 使 用 Visual Studio. NET 2012 开发 工具 创建 GreenHotel 网 站 ,并 


更 改 标题 为 “欢迎 光临 格林 连锁 夏 日 酒店 ”, 最 终 效果 如 图 2-41 所 示 。 
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12345 
67890 


图 2-41 格林 酒店 首页 效果 图 
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31 项 目 引 入 


会 员 注册 是 Smart On Line 电子 商城 的 必 不 可 少 的 一 项 功能 ,也 是 进行 客户 分 析 数 据 
的 来 源 之 一 。 李 明 是 Smart On Line 电子 商城 的 一 位 开发 人 员 , 现 接 到 任务 ,要 求 协助 开发 
用 户 注册 功能 模块 。 


32 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 , 认 为 Smart On Line 电子 商城 用 户 注册 功能 可 以 使 用 
ASP.NET 常 见 的 服务 器 控件 来 设计 界面 :此 外 还 认为 ,为 使 客户 拥有 良好 的 体验 ,对 界面 
输入 数据 的 合法 性 应 进行 验证 ;在 验证 功能 中 还 须 提 供 验 证 码 功能 以 防 恶 意 注 册 。 最 后 当 
用 户 单 击 “ 注 册 ” 按 钮 时 ,将 用 户 输入 信息 保存 到 数据 库 中 。 因 此 ,项 目 经 理 将 这 个 项 目 分 为 
三 个 任务 ,一 是 用 户 注 册 界 面 设计 ,二 是 用 户 输入 信息 的 验证 ,最 后 是 保存 注册 用 户 信息 。 


33 知识 准备 


3.3.1 ASP.NET 常用 服务 器 控件 


每 个 控件 都 有 一 些 公共 属性 ,例如 字体 颜色 ,边框 的 颜色 .样式 等 。 在 Visual Studio 
2012 中 , 当 开发 人 员 用 鼠标 选择 了 相应 的 控件 后 ,属性 栏 中 会 简单 地 显示 该 属性 的 作用 ,如 
图 3-1 所 示 。 

属性 栏 用 来 设置 控件 的 属性 , 当 控 件 在 页 面 中 被 初始 化 时 ,这 些 将 被 应 用 到 控件 中 。 控 
件 的 属性 也 可 以 通过 编程 的 方法 在 页 面相 应 代码 区 域 编写 ,示例 代码 如 下 。 

protected void Page Load (cbject sender, EventArgs e) 

t 

labell.Visible- false; 

} 

上 述 代码 编写 了 一 个 Page_Load( 页 面 加 载 ) 事 件 , 当 页 面 初次 被 加 载 时 ,会 执行 Page 
Load 事件 中 的 代码 。 这 里 通过 编程 的 方法 对 控件 的 属性 进行 了 更 改 。 当 页 面 加 载 时 ,控件 
的 属性 会 被 应 用 并 呈现 在 浏览 器 中 。 
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Labell System. Web. UI. ebControls. Label 
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图 3-1 控件 的 属性 


ASP. NET 提供 了 诸多 控件 ,这 些 控件 包括 简单 控件 .数据 库 控件 、 登 录 控件 等 强大 的 
控件 。 在 ASP. NET 中 ,简单 控件 是 最 基础 也 是 经 常 被 使 用 的 控件 ,简单 控件 包括 标签 控 
件 (Label) 、 超 链接 控件 (HyperLink) 以 及 图 像 控 件 (Image) 等 。 

1. 标签 控件 (Label) 

在 Web 应 用 中 ,希望 显示 的 文本 不 能 被 用 户 更 改 ;或 者 当 触 发 事件 时 , 某 一 段 文 本 能 够 
在 运行 时 更 改 , 则 可 以 使 用 标签 控件 (Label) 。 开 发 人 员 可 以 非常 方便 地 将 标签 控件 拖 放 到 
页 面 中 ,该 页 面 将 自动 生成 一 段 标签 控件 的 声明 代码 ,示例 代码 如 下 。 


<asp:Label ID= "Labell" runat- "server" Text- "Iabel"» < /asp:Label» 


上 述 代 码 中 声明 了 一 个 标签 控件 ,并 将 这 个 标签 控件 的 ID 属性 设置 为 默认 值 Labell, 
由 于 该 控件 是 服务 器 端 控件 ,所 以 在 控件 属性 中 包含 “runat 二 "server"” 属 性 。 该 代码 还 将 
标签 控件 的 文本 初始 化 为 Label, 开发 人 员 能 够 配置 该 属性 并 进行 不 同文 本 内 容 的 呈现 。 
同样 ,标签 控件 的 属性 能 够 在 相应 的 . cs 代码 中 初始 化 ,示例 代码 如 下 所 示 。 

protected void Page_PreInit (object sender, EventArgs e) 

t 

Iabell.Text- "Hello World"; 

} 

上 述 代 码 在 页 面 初始 化 时 将 Labell 的 文本 属性 设置 为 "Hello World”. 

2. 超 链接 控件 

超 链接 控件 (HyperLink) 相 当 于 实现 了 HTML 代码 中 的 “二 a href—""— —/a" lb zs 
的 效果 ,当然 , 超 链 接 控件 有 自己 的 特点 , 当 拖 动 一 个 超 链 接 控件 到 页 面 中 时 ,系统 会 自动 生 
成 控件 声明 代码 ,示例 代码 如 下 所 示 。 


< asp:HyperLink ID= "HyperLinkl" runat- "server"> HyperLink« /asp:HyperLink> 
上 述 代 码 声 明了 一 个 超 链 接 控 件 , 相 对 于 HTML 代码 形式 , 超 链接 控件 可 以 通过 传递 


96 


项 目 3 会 员 注 册 
指定 的 参数 来 访问 不 同 的 页 面 。 当 触发 了 一 个 事件 后 , 超 链 接 的 属性 可 以 被 改变 。 超 链接 
控件 通常 使 用 的 两 个 属性 如 下 。 

* ImageUrl: 要 显示 的 图 像 的 URL. 

* NavigateUrl: 要 跳 转 的 URL. 

(1) ImageUrl 属性 

设置 ImageUrl 属性 可 以 设置 这 个 超 链接 是 以 文本 形式 显示 还 是 以 图 片 文 件 显示 , 虽 
然 表 现形 式 不 同 , 但 是 不 管 是 图 片 形式 还 是 文本 形式 ,全 都 实现 相同 的 效果 。 

(2) Navigate 属性 

Navigate 属性 可 以 为 无 论 是 文本 形式 还 是 图 片 形式 的 超 链接 设置 超 链接 属性 ,即将 要 
跳 转 的 页 面 ,示例 代码 如 下 所 示 。 


< asp:HyperLink ID= "HyperLinkl" runat- "server" 
TmageUr1- "~ /Shop/Tmages/10g.gi f" 
NavigateUrl- "~ /Shop/About .aspx"> 
HyperLink 

< /asp:HyperLink> 


上 述 代码 使 用 了 图 片 超 链 接 的 形式 。 当 单 击 此 超 链接 控件 后 ,浏览 器 将 跳 转 到 名 为 
About. aspx 的 页 面 中 。 
(3) 动态 跳 转 
在 前 面 讲解 了 超 链接 控件 的 优点 , 超 链 接 控 件 的 优点 在 于 能 够 对 控件 进行 编程 ,来 按照 
用 户 的 意愿 跳 转 到 自己 跳 转 的 页 面 。 以 下 代码 实现 了 当 用 户 选 择 Sina 时 ,会 跳 转 到 Sina 
网 站 ;如 果 选 择 Sohu, 则 会 跳 转 到 Sohu 页 面 。 示 例 代码 如 下 所 示 。 
protected void DropDownListl SelectedIndexchanged (bject sender, EventArgs e) 
{ 
if (DropDownListl.Text == "sina") 
t 
HyperLinkl.NavigateUrl- "http: //www.sina.com"; 


上 述 代码 使 用 了 DropDownList 控件 , 当 用 户 选择 不 同 的 值 时 ,对 HyperLinkl 控件 进 
行 操作 。 值 得 注意 的 是 ,如 果 只 是 为 了 单纯 地 实现 超 链接 ,同样 不 推荐 使 用 HyperLink 控 
件 , 因 为 过 多 的 使 用 服务 器 控件 同样 有 可 能 造成 性 能 问题 。 

3. 图 像 控 件 

图 像 控 件 (Image) 用 来 在 Web 窗 体 中 显示 图 像 , 图 像 控 件 常 用 的 属性 如 下 。 

* AlternateText: 在 图 像 无 法 显示 时 ,显示 备用 的 文本 。 

* ImageAlign: 图 像 的 对 齐 方式 。 

。 ImageUrl: 要 显示 图 像 对 应 的 URL。 

当 图 片 无 法 显示 的 时 候 , 图 片 将 被 蔡 换 成 AlternateText 属性 中 的 文字 ,ImageAlign 属 
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性 用 来 控制 图 片 的 对 齐 方式 ,而 ImageUrl 属性 用 来 设置 图 像 连接 地 址 。 同 样 ,HTML 中 也 
可 以 使 用 二 img sre=" "at=" "二 来 蔡 代 图 像 控 件 。 图 像 控 件 具 有 可 控 性 的 优点 ,就 是 通 
过 编程 可 以 控制 图 像 控 件 。 除 了 显示 图 形 以 外 ,Image 控件 的 其 他 属性 还 允许 为 图 像 指 定 
各 种 文本 ,如 GenerateEmptyAlternateText 属性 ,如 果 将 此 属性 设置 为 True, 则 要 呈现 的 
图 片 的 alc 属性 将 设置 为 空 。 

4. 文本 框 控件 

在 Web 开发 中 ,Web 应 用 程序 通常 需要 和 用 户 进行 交互 ,例如 用 户 注册 、 登 录 、 发 帖 
等 ,那么 就 需要 文本 框 控件 (TextBox) 来 接受 用 户 输入 的 信息 。 开 发 人 员 还 可 以 使 用 文本 
框 控件 制作 高 级 的 文本 编辑 器 并 用 于 HTML ,以 及 文本 的 输入 /输出 。 通 常情 况 下 ,默认 的 
文本 框 控件 (TextBox ) 是 一 个 单行 的 文本 框 ,用 户 只 能 在 文本 框 中 输入 一 行内 容 。 通 过 修改 该 
属性 , 则 可 以 将 文本 框 设 置 为 多 行 或 者 以 密码 的 形式 显示 ,文本 框 控 件 常 用 的 控件 属性 如 下 。 

* AutoPostBack: 在 文本 修改 以 后 ,是 否 自动 回 传 。 

。 Columns: 文本 框 的 宽度 。 

。 EnableViewState: 控件 是 否 自动 保存 其 状态 以 用 于 往返 过 程 。 

。 MaxLength: 用 户 输入 的 最 大 字符 数 。 

。 ReadOnly: 是 否 为 只 读 。 

* Rows: 作为 多 行文 本 框 时 所 显示 的 行 数 。 

* TextMode: 文本 框 的 模式 ,设置 单行 .多 行 、 密 码 和 数字 等 。 

* Wrap: 文本 框 是 否 换行 。 

(D. AutoPostBack( 自 动 回 传 ) 属 性 

在 网 页 的 交互 中 ,如 果 用 户 提 交 了 表单 ,或 者 执行 了 相应 的 方法 ,那么 该 页 面 将 会 发 送 
到 服务 器 上 ,服务 器 将 执行 表单 的 操作 或 者 执行 相应 方法 后 ,再 呈现 给 用 户 ,例如 按钮 控件 、 
下 拉 菜 单 控 件 等 。 如 果 将 某 个 控件 的 AutoPostBack 属性 设置 为 True 时 , 则 如 果 该 控件 的 
属性 被 修改 ,那么 同样 会 使 页 面 自动 发 回 到 服务 器 。 

(2) EnableViewState( 控 件 状 态 ) 属 性 

ViewState 是 ASP. NET 中 用 来 保存 Web 控件 回 传 状态 的 一 种 机 制 , 它 是 由 ASP. 
NET 页 面 框架 管理 的 一 个 隐藏 字段 。 在 回 传 发 生 时 , ViewState 数据 同样 将 回 传 到 服务 
器 ,ASP. NET 框架 解析 ViewState 字符 串 并 为 页 面 中 的 各 个 控件 填充 该 属性 。 而 填充 后 ， 
控件 通过 使 用 ViewState 将 数据 重新 恢复 到 以 前 的 状态 。 在 使 用 某 些 特殊 的 控件 时 ,如 数 
据 库 控件 ,来 显示 数据 库 。 每 次 打开 页 面 执行 一 次 数据 库 往 返 过程 是 非常 不 明智 的 。 开 发 
人 员 可 以 绑 定 数据 ,在 加 载 页 面 时 仅 对 页 面 设置 一 次 ,在 后 续 的 回 传 中 ,控件 将 自动 从 
ViewState 中 重新 填充 ,减少 了 数据 库 的 往返 次 数 , 从 而 不 使 用 过 多 的 服务 器 资源 。 在 默认 
情况 下 ,EnableViewState 的 属性 值 通常 为 True, 

(3) 其 他 属性 

上 面 的 两 个 属性 是 比较 重要 的 属性 ,其 他 的 属性 也 经 常 使 用 。 

。 MaxLength: 在 注册 时 可 以 限制 用 户 输 入 的 字符 串 长 度 。 

* ReadOnly: 如 果 将 此 属性 设置 为 True, 那 么 文本 框 内 的 值 是 无 法 被 修改 的 。 

* TextMode: 此 属性 可 以 设置 文本 框 的 模式 ,例如 单行 ,多 行 和 密码 形式 。 默 认 情 况 

下 ,不 设置 TextMode 属性 ,那么 文本 框 默认 为 单行 。 
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文本 框 无 论 是 在 Web 应 用 程序 开发 还 是 Windows 应 用 程序 开发 中 都 是 非常 重要 的 。 
文本 框 在 用 户 交互 中 能 够 起 到 非常 重要 的 作用 。 在 文本 框 的 使 用 中 ,通常 需要 获取 用 户 在 
文本 框 中 输入 的 值 或 者 检查 文本 框 属性 是 否 被 改写 。 当 获取 用 户 的 值 的 时 候 ,必须 通过 一 
段 代 码 来 控制 。 例 如 当 用 户 单 击 按钮 控件 时 ,需要 实现 标签 控件 的 文本 改变 。 为 了 实现 相 
应 的 效果 ,可 以 通过 编写 cs 文件 代码 进行 逻辑 处 理 , 示 例 代码 如 下 所 示 : 

protected void Buttonl Click (cbject sender, EventArgs e) /双击 按钮 时 触发 的 事件 

Labell.Text- TextBoxl.Text; 

H 

上 述 代 码 中 , 当 双 击 按钮 时 ,就 会 触发 一 个 按钮 事件 ,这 个 事件 就 是 将 文本 框 内 的 值 赋 
值 到 标签 内 。 同 样 ,双击 文本 框 控件 ,会 触发 TextChange 事件 。 而 当 运 行 时 , 当 文 本 框 控 
件 中 的 字符 变化 后 ,并 没有 自动 回 传 , 这 是 因为 在 默认 情况 下 ,文本 框 的 AutoPostBack 属 
性 被 设置 为 False。 当 AutoPostBack 属性 被 设置 为 True 时 ,文本 框 的 属性 变化 , 则 会 发 生 
回 传 ,示例 代码 如 下 所 示 。 

protected void TextBoxl TextChanged (dbject sender, EventArgs e) 

i Iabell.Text= TextBoxl.Text; 

} 

上 述 代码 中 ,为 TextBoxl 添加 了 TextChanged 事件 。 在 TextChanged 事件 中 ,并 不 
是 每 一 次 文本 框 的 内 容 发 生 了 变化 之 后 ,就 会 重 传 到 服务 器 ,这 一 点 和 WinForm 是 不 同 
的 ,因为 这 样 会 大 大 降低 页 面 的 执行 效率 。 而 当 用 户 将 文本 框 中 的 焦点 移出 导致 TextBox 
会 失去 焦点 时 , 才 会 发 生 重 传 。 

5. 按钮 控件 (Button ,LinkButton ImageButton) 

在 Web 应 用 程序 和 用 户 交 互 时 ,常常 需要 提交 表单 .获取 表单 信息 等 操作 ,因此 按钮 控 
件 是 非常 必要 的 。 按 钮 控件 能 够 触发 事件 ,或 者 将 网 页 中 的 信息 回 传 给 服务 器 。 在 ASP. 
NET 中 ,包含 三 类 按钮 控件 ,分别 为 Button, LinkButton, ImageButton, 

按钮 控件 的 通用 属性 说 明 如 下 。 

按钮 控件 用 于 事件 的 提交 ,按钮 控件 包含 一 些 通 用 属性 ,按钮 控件 的 常用 通用 属性 包括 
以 下 几 种 。 

* Causes Validation; 按钮 是 否 导致 激发 验证 检查 。 

* CommandArgument; 与 此 按钮 管理 的 命令 参数 。 

。 CommandName: 与 此 按钮 关联 的 命令 。 

按钮 控件 对 应 的 事件 通常 是 Click( 单 击 ) 和 Command( 命 令 ) 事 件 。 在 Click 事件 中 ,通常 
用 于 编写 用 户 单 击 按钮 时 所 需要 执行 的 事件 。 按 钮 控件 中 ,Click 事件 并 不 能 传递 参数 ,所 以 
处 理 的 事件 相对 简单 。 而 Command 事件 可 以 传递 参数 ,负责 传递 参数 的 是 按钮 控件 的 
CommandArgument 和 CommandName 属性 。 例 如 将 CommandArgument 和 CommandName 属 
性 设置 为 Show, 创 建 一 个 Command 事件 并 在 事件 中 编写 相应 代码 ,示例 代码 如 下 所 示 。 


protected void Buttonl Camand (cbject sender, CanmandEventArgs e) 
t 
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labell.Text- e.CammandArgument .TcString() ; 


H 


需要 注意 的 是 , 当 按钮 同时 包含 Click 和 Command 事件 时 ,通常 情况 下 会 执行 
Command 事件 。Command 有 一 些 Click 不 具备 的 好 处 ,就 是 传递 参数 。 可 以 对 按钮 的 
CommandArgument 和 CommandName 属性 分 别 设置 ,通过 判断 CommandArgument 和 
CommandName 属性 来 执行 相应 的 方法 。 这 样 一 个 按钮 控件 就 能 够 实现 不 同 的 方法 ,使 得 
多 个 按钮 与 一 个 处 理 代码 关联 或 者 一 个 按钮 根据 不 同 的 值 进行 不 同 的 处 理 和 响应 。 相 比 
Click 单 击 事件 而 言 ,Command 命令 事件 具有 更 高 的 可 控 性 。 

6. 单 选 控件 和 单 选 组 控件 (RadioButton 和 RadioButtonList) 

在 投票 等 系统 中 ,通常 需要 使 用 单 选 控件 和 单 选 组 控件 。 顾 名 思 义 ,在 单 选 控件 和 单 选 
组 控件 的 项 目 中 ,只 能 在 有 限 种 选择 中 进行 一 个 项 目的 选择 。 在 进行 投票 等 应 用 开发 并 且 
只 能 在 选项 中 选择 单项 时 , 单 选 控件 和 单 选 组 控件 都 是 最 佳 的 选择 。 单 选 控件 可 以 为 用 户 
选择 某 一 个 选项 , 单 选 控件 常用 属性 如 下 所 示 。 

。 Checked: 控件 是 否 被 选中 。 

。 GroupName: 单 选 控件 所 处 的 组 名 。 

* TextAlign: 文本 标签 相对 于 控件 的 对 齐 方式 。 

单 选 控件 通常 需要 Checked 属性 来 判断 某 个 选项 是 否 被 选中 ,多 个 单 选 控件 之 间 可 能 
存在 着 某 些 联系 ,这 些 联系 通过 GroupName 进行 约束 和 联系 。 与 TextBox 文本 框 控件 相 
同 的 是 , 单 选 控件 不 会 自动 进行 页 面 回 传 ,必须 将 AutoPostBack 属性 设置 为 True 时 才能 
在 焦点 丢失 时 触发 相应 的 CheckedChanged 事件 。 

与 单 选 控 件 相 同 , 单 选 组 控件 也 是 只 能 选择 一 个 项 目的 控件 ,而 与 单 选 控 件 不 同 的 是 ， 
单 选 组 控件 没有 GroupName 属性 ,但 是 却 能 够 列 出 多 个 单 选项 目 。 另 外 , 单 选 组 控件 所 生 
成 的 代码 也 比 单 选 控件 实现 的 相对 较 少 。 

单 选 组 控件 还 包括 一 些 属 性 ,用 于 样式 和 重复 的 配置 。 单 选 组 控件 的 常用 属性 如 下 。 

* DataMember: 在 数据 集 用 作 数 据 源 时 做 数据 绑 定 。 
* DataSource: 向 列表 填 和 人 项 时 所 使 用 的 数据 源 。 

* DataTextFiled: 提供 项 文本 的 数据 源 中 的 字段 。 

。 DataTextFormat: 应 用 于 文本 字段 的 格式 。 

。 DataValueFiled: 数据 源 中 提供 项 值 的 字段 。 

* Items: 列表 中 项 的 集合 。 

。 RepeatColumn: 用 于 布局 项 的 列 数 。 

* RepeatDirection: 项 的 布局 方向 。 

* RepeatLayout; 确定 是 否 在 某 个 表 或 者 流 中 重复 。 

与 单 选 控 件 一 样 , 双 击 单 选 组 控件 时 系统 会 自动 生成 该 事件 的 声明 ,同样 可 以 在 该 事件 
中 确定 代码 。 当 选择 一 项 内 容 时 ,提示 用 户 所 选择 的 内 容 ,示例 代码 如 下 所 示 。 


protected void RadicButtonListl SelectedIndexchanged (Gbject sender, EventArgs e) 
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Iabell.Text- RadicButtonListl.Text; 


7. 复 选 框 控件 和 复 选 组 控件 (CheckBox 和 CheckBoxList) 

当 一 个 投票 系统 需要 用 户 能 够 选择 多 个 选择 项 时 , 则 单 选 框 控件 就 不 符合 要 求 了 。 
ASP.NET 还 提供 了 复 选 框 控件 和 复 选 组 控件 来 满足 多 选 的 要 求 。 复 选 框 控件 和 复 选 组 控 
件 与 单 选 框 控件 和 单 选 组 控件 一 样 ,都 是 通过 Checked 属性 来 判断 是 否 被 选择 。 而 不 同 的 
是 , 复 选 框 控件 没有 GroupName 属性 。 对 于 复 选 框 而 言 ,用 户 可 以 在 复 选 框 控件 中 选择 多 
个 选项 ,所 以 就 没有 必要 为 复 选 框 控 件 进行 分 组 。 在 单 选 框 控件 中 ,相同 组 名 的 控件 只 能 选 
择 一 项 用 于 约束 多 个 单 选 框 中 的 选项 ,而 复 选 框 就 没有 约束 的 必要 

与 单 选 组 控件 相同 ,为 了 方便 复 选 控 件 的 使 用 ,. NET 服务 器 控件 中 同样 包括 了 复 选 组 
控件 , 拖 动 一 个 复 选 组 控件 到 页 面 可 以 同 单 选 组 控件 一 样 添加 复 选 组 列表 。 复 选 组 控件 最 
常用 的 是 SelectedIndexChanged 事件 。 当 控件 中 某 项 的 选中 状态 被 改变 时 , 则 会 触发 该 事 
件 。 通 常 CheckBoxListl. Items[i]. Selected 是 用 来 判断 某 项 是 否 被 选中 ,其 中 Item 数组 是 
复 选 组 控件 中 项 目的 集合 ,其 中 Items[ i 是 复 选 组 中 的 第 i 个 项 目 。 

注意 : 复 选 组 控件 与 单 选 组 控件 不 同 的 是 ,不 能 够 直接 获取 复 选 组 控件 某 个 选中 项 目 
的 值 ,因为 复 选 组 控件 返回 的 是 第 一 个 选择 项 的 返回 值 ,只 能 够 通过 Item 集合 来 获取 选择 
E e 

.列表 控件 (DropDownList.ListBox 和 BulletedList) 

Web 开发 中 ,经 常会 需要 使 用 列表 控件 ,让 用 户 的 输入 更 加 简单 。 例 如 在 用 户 注 册 
时 ,用 户 的 所 在 地 是 有 限 的 集合 ,而 且 用 户 不 喜欢 经 常 输入 ,这 样 就 可 以 使 用 列表 控件 。 同 
样 , 列 表 控 件 还 能 够 简化 用 户 输入 并 且 防 止 用 户 输入 在 实际 中 不 存在 的 数据 ,如 性 别 的 选择 
等 。 列 表 控 件 能 在 一 个 控件 中 为 用 户 提 供 多 个 选项 ,同时 又 能 够 避免 用 户 输入 错误 的 选项 。 
例如 ,在 用 户 注册 时 ,可 以 选择 性 别 是 “ 男 ? 或 者 “ 女 ? 可 以 使 用 DropDownList 列表 控件 , 同 
时 又 避免 了 用 户 输入 其 他 的 信息 。 因 为 性 别 除了 * 男 ?就 是 “ 女 ”, 输 入 其 他 的 信息 说 明 这 个 信 
息 是 错误 或 者 是 无 效 的 。 下 列 语句 声明 了 一 个 DropDownList 列表 控件 ,示例 代码 如 下 所 示 。 


< asp:DropDownList ID= "DropDownListl" runat- "server" 
<asp:ListItem 1< /asp:ListItem> 
<asp:ListItem 2< /asp:ListItem> 
<asp:ListItem x /asp:ListItem> 
<asp:ListItem 4« /asp:ListItem> 
<asp:ListItem 5 /asp:ListItem> 
<asp:ListItem & /asp:ListItem> 
<asp:ListItem 7< /asp:ListItem> 

< /asp:DropDownList» 

上 述 代码 创建 了 一 个 DropDownList 列表 控件 ,并 手动 增加 了 列表 项 。 同 时 
DropDownList 列表 控件 也 可 以 绑 定数 据 源 控件 。DropDownList 列表 控件 最 常用 的 事件 
是 SelectedIndexChanged, 当 DropDownList 列表 控件 选择 项 发 生变 化 时 , 则 会 触发 该 事件 。 
当 用 户 选 择 相 应 的 项 目 时 ,就 会 触发 SelectedIndexChanged 事件 ,开发 人 员 可 以 通过 捕捉 相 
应 的 用 户 选中 的 控件 进行 编程 处 理 , 这 里 就 捕捉 了 用 户 选 择 的 数字 进行 字体 大 小 的 更 改 。 
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ARBI: 宁波 城市 学 院 对 学 生 就 业 满意 度 进行 调查 ,需要 开发 调查 问卷 页 面 (如 
图 3-2 所 示 )。 通 过 对 该 图 所 示 效 果 图 分 析 , 发 现 该 界面 主要 由 文本 框 、 下 拉 列 表 、 单 选 列 
表 、 多 选 列表 等 控件 设计 而 成 。 


宁波 城市 学 院 毕 业 生 跟 踪 调查 问卷 
《毕业 生 填 写 》 


姓 名: 性 ” 别 : [ 支 v 学 号 
所 学 专业 : [计算 机 信息 管理 v 毕业 时 间 : 联系 方式 : [电话 V 
工作 单位 : 所 从 事 的 岗位 : 


请 各 位 同学 为 了 母校 的 发 展 ， 配 合 进行 这 项 工作 ， 以 下 题目 没有 特殊 说 明 的 氏 为 单 选 题 ,请 认真 填写 ,非常 感谢 ! 


1， 您 目前 的 行政 职务 是 什么 ? 

加 单位 负责 人 〇 单位 中 层 领导 〇 单位 科室 负责 人 〇 普通 员工 

2， 您 对 目前 的 工作 情况 感到 满意 吗 ? 

ORAE ORAE 〇 有 个 工作 不 容易 ， 凑 合 着 OTAS. TWAA 

3， 毕 业 参 加 工作 后 ， 您 在 工作 中 的 表现 如 何 ? 

口 得 到 理 升 ， 受 到 重用 〇 收 到 表彰 和 好 评 〇 表现 一 般 〇 不 适合 目前 的 工作 

4， 您 认为 自己 是 否 能 胜任 目前 的 工作 ? 

Okt 〇 基本 能 胜任 〇 不 能 胜任 

5， 您 认为 自己 能 适应 目前 的 工作 的 最 重要 原因 是 人 

口 专业 对 口 〇 实际 工作 能 力 强 〇 人际 关 系 好 〇 工作 态度 端正 

6， 您 目前 的 工作 和 所 学 专业 是 否 对 口 ? 

Owo 〇 基本 对 口 〇 不 对 口 

7， 择 业 时 ， 您 考虑 过 自己 专业 和 岗位 是 否 对 口 的 问题 吗 ? 

加 考虑 过 ， 要 与 本 专业 对 口 〇 考虑 过 ， 但 不 对 口 也 没关系 〇 没 考虑 过 

8， 毕 业 后 ,您 调换 过 几 次 单位 ? 

口 没 有 调换 〇 一 次 口 两 次 OIR 〇 三 次 以 上 

9， 您 调换 工作 的 原因 是 ? 

加 专业 不 对 口 〇 工作 强度 太 大 〇 与 同事 关系 不 融 治 〇 单位 裁员 或 倒闭 〇 领导 不 重视 〇 经 济 待遇 不 好 
10， 您 认为 在 学 校 所 学 专业 与 实际 工作 中 的 联系 程度 紧密 吗 ? 

ORRE ORRE OTRE 〇 很 不 紧密 

11， 工 作 中 是 否 遇 到 因 专业 知识 不 精通 而 不 能 胜任 工作 的 问题 ? 

Os ORD ORA 

12， 您 认为 自己 所 学 的 专业 在 企业 单位 中 的 认可 度 怎样 

口 十 分 认可 口 比 较 认 可 OTI 

13， 您 如 何 看 待 自己 的 工作 发 展 前 景 ? 

〇 十分 乐观 ， 有 所 作为 〇 比较 看 好 ORM: RAME 〇 没有 考虑 过 

14， 您 觉得 现在 最 需要 加 强 哪 方面 知识 的 充实 

〇 人 际 关系 Otima 〇 外 语 O 专业 技能 O stib 

15， 在 校 期 间 ， 哪 些 教学 环节 对 您 现在 的 工作 帮助 最 大 ? 

加 专业 理论 课 〇 公共 基础 课 〇 实验 操作 学 习 〇 职业 规划 设计 〇 课外 学 术 交 流 活动 〇 其 他 
16， 工 作 后 ， 您 对 母校 学 习 期 间 所 学 课程 的 体会 是 ? 

〇 学 得 不 够 深 和 不 够 宽广 〇 学 得 不 够 活 ， 能 力 培养 不 足 〇 学 得 很 多 知识 ， 对 现在 工作 帮助 不 大 〇 学 的 知识 对 现在 工作 帮助 很 大 
17， 您 认为 自己 在 校 期 间 取得 的 技能 证 书 在 工作 中 起 到 的 作用 怎样 9 

OORDRA 〇 基本 没 用 ， 不 代表 个 人 实际 能 力 〇 不 被 认可 

18， 与 其 他 高校 毕业 的 同学 比较 起 来 ， 您 认为 你 从 母校 学 习 到 的 哪 方面 能 力 较 强人 

口 思想 政治 素质 〇 专业 基础 知识 〇 实际 工作 能 力 〇 学 习 能 力 〇 创新 能 力 〇 人 际 关系 处 理 能 力 
19， 您 下 一 步 的 打算 是 人 

加 进一步 学 习 ， 提 高 自己 学 历 ， 为 长 远 打 算 〇 继续 做 下 去 ， 在 实践 中 提高 自己 〇 走 一 步 是 一 步 ， 没 明确 目标 〇 跳槽 寻找 更 好 的 
20， 您 如 何 评价 母校 对 您 的 培养 工作 ? 

ORAE 〇 基本 薄 意 OFTARE OTEE 

21， 结 合 实际 工作 经 历 ， 您 对 学 校 有 何 建议 教学、 管理、 就 业 指导 等 ) ?了 


图 3-2 调查 问卷 效果 图 
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(D 拖 动 HTML 标签 中 的 Table 控件 到 页 面 , 右 击 Table 控件 ,选择 “插入 ”一 “ 右 侧 列 ” 
命令 来 添加 列 。 

© 按照 图 3-2 所 示 布 局 , 拖 动 TextBox 控件 .DropDownList 控件 到 页 面 合适 位 置 。 

O 单 击 “ 所 学 专业 ”下 拉 列 表 智能 提示 标识 , 单 击 “ 编 辑 项 ”菜单 项 ,打开 “集合 编辑 器 ” 
对 话 框 ( 如 图 3-3 所 示 )。 


Listltem 集合 编辑 器 
- - - 
| RAM): 计算 机 信息 管理 EEP): 
让 se 
m [45 
EDS: * Enabled True 
as ana E Selected False 
| Text 计算 机 信息 管理 
Value 计算 机 信息 管理 
I 
il 
| [ ama )[ wm | 
用 
| Ew 


图 3-3 “集合 编辑 器 "对话 框 


CD 单 击 “ 添 加 ”按钮 ,添加 项 ,修改 Text 属性 和 Value 属性 ( 见 图 3-3). 

C “性别 下 拉 ” 列 表 框 和 “联系 方式 ”下 拉 列 表 的 设置 同步 又 @。 

© 拖 动 RadioButtonList 到 页 面 , 单 击 智能 提示 按钮 , 单 击 “ 编 辑 项 ”菜单 项 ,打开 “集合 
编辑 器 ”对 话 框 ,如 同步 又 @ 一 样 设置 显示 文本 和 显示 值 。 接 着 设置 RadioButtonList 按钮 
的 RepeatDirection 属性 值 为 Horizontal, 让 其 水 平 显 示 。 其 中 的 Qo 多 选 列表 设置 也 同 
RadioButtonList 设置 方法 一 样 。 

CD 拖 动 TextBox 控件 到 Q21 下 面 ,设置 TextMode 属性 为 Multiline, 允 许多 行 输 入 。 

@ 拖 动 Button 控件 到 页 面 ,设置 其 Text 属性 为 “按钮 ”。 


3.3.2 ASP. NET 输入 验证 控件 


ASP. NET 提供 了 强大 的 验证 控件 , 它 可 以 验证 服务 器 控件 中 用 户 的 输入 ,并 在 验证 失 
败 的 情况 下 显示 一 条 自 定义 错误 消息 。 验 证 控件 直接 在 客户 端 执行 ,用 户 提 交 后 执行 相应 
的 验证 ,无 需 使 用 服务 器 端 进行 验证 操作 ,从 而 减少 了 服务 器 与 客户 端 之 间 的 往返 过 程 。 

1. 必 填 验证 控件 (RequiredFieldValidator) 

在 实际 的 应 用 中 ,如 在 用 户 填写 表单 时 ,有 一 些 项 目 是 必 填 项 ,例如 用 户 名 和 密码 。 在 
传统 的 ASP 中 , 当 用 户 填 写 表单 后 ,页 面 需要 发 送 到 服务 器 并 判断 表单 中 的 某 项 HTML 控 
件 的 值 是 否 为 空 , 如 果 为 空 , 则 返回 错误 信息 。 在 ASP. NET 中 ,系统 提供 了 
RequiredFieldValidator 验证 控件 进行 验证 。 使 用 RequiredFieldValidator 控件 能 够 指定 某 
个 用 户 在 特定 的 控件 中 必须 提供 相应 的 信息 。 如 果 不 填 写 相 应 的 信息 ， 
RequiredFieldValidator 控件 就 会 提示 错误 信息 。RequiredFieldValidator 控件 示例 代码 
如 下 。 
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<body> 
< fom id- "fom" runat- "server" 
<div> 
姓名 :<asp:TextBox ID= "TextBoxl" runat="server"> < /asp:TextBox> 
< asp:RequiredFieldValidator ID= "RequiredFieldValidatorl™" 
runat- "server" 

ControlToValidate- "TextBox1" 
ErrorMessage= "VH F Be As lE JJ 3 ">< /asp: 
Fequiredrieldyalidator» 

<br /> 
密码 :< asp: TextBox ID= "TextBos2" runat= "server" < /asp:TextBox> 
<br /> 
« asp:Button ID- "Buttonl" runat- "server" Text- "Button" /» 
<br /> 
« /div» 
< /fom> 

< /pody» 

在 进行 验证 时 ,RequiredFieldValidator 控件 必须 绑 定 一 个 服务 器 控件 ,在 上 述 代 码 中 ， 
验证 控件 RequiredFieldValidator 的 服务 器 控件 绑 定 为 TextBoxl.?4 TextBoxl 中 的 值 为 
空 时 , 则 会 提示 自 定义 错误 信息 为 “ 必 填 字段 不 能 为 空 ”。 

2. 比较 验证 控件 (CompareValidator) 

比较 验证 控件 对 照 特定 的 数据 类 型 来 验证 用 户 的 输入 。 因 为 当 用 户 输入 信息 时 ,难免 
会 输入 错误 信息 ,比如 当 需 要 了 解 用 户 的 生日 时 ,很 可 能 输入 了 其 他 的 字符 串 。 
CompareValidator 比较 验证 控件 能 够 比较 控件 中 的 值 是 否 符合 开发 人 员 的 需要 。 
CompareValidator 控件 的 特有 属性 如 下 。 

。 ControlToCompare: 以 字符 串 形式 输入 的 表达 式 。 要 与 另 一 控件 的 值 进行 比较 。 
。 Operator: 要 使 用 的 比较 。 

* Type: 比较 两 个 值 的 数据 类 型 。 

* ValueToCompare: 以 字符 串 形 式 输入 的 表达 式 。 

当 使 用 CompareValidator 控件 时 ,可 以 方便 地 判断 用 户 是 否 正确 输入 了 相关 值 ,示例 
代码 如 下 。 

<body> 

< form iœ "formi" runat- "server"> 
«div» 
请 输入 生日 : 
< asp:TextBox ID= "TextBoxl" runat- "server"> < /asp:TextBox> 
«br /> 
毕业 日 期 : 
< asp:TextBox ID= "TextBox2" runat- "server"> < /asp:TextBox> 
< asp:CmparsValicdator ID= "CampareValidatorl" runat- "server" 

ControlToCampare- "TextBox?" ControlToValidate- "TextBox1l" 

CultureInvariantValues- "True" ErrorMessage- 哈 入 格式 错误 ,请 改正 !" 

Operator- "GreaterThan" 

Type- "Date"™> 

< /asp:CampareValidator» 
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«br /» 
< asp:Button ID= "Buttonl" runat- "server" Text- "Button" /> 
«br /» 
< /div» 
< /fom> 
< /pody» 
上 述 代码 判断 TextBox1 的 输入 的 格式 是 否 正确 , 当 输 入 的 格式 错误 时 ,会 提示 输入 了 
错误 的 信息 ,如 图 3-4 所 示 。 a 
CompareValidator 验证 控件 不 仅 能 够 验证 输 ”|B 期 厂 一 输入 格式 错误 , 请 改正! 
入 的 格式 是 否 正确 ,还 可 以 验证 两 个 控件 之 间 的 值 ”| 国 可 
是 否 相 等 。 如 果 两 个 控件 之 间 的 值 不 相等 ， 
CompareValidator 验证 控件 同样 会 将 自 定义 错误 信 
息 呈 现在 用 户 的 客户 端 浏 览 器 中 。 
3. 范围 验证 控件 (RangeValidator) 
范围 验证 控件 (RangeValidator) 可 以 检查 用 户 的 输入 是 否 在 指定 的 上 限 与 下 限 之 间 。 
通常 情况 下 用 于 检查 数字 、 日 期 .货币 等 。 范围 验 证 控件 (RangeValidator) 控 件 的 常用 属性 
如 下 。 
。 MinimumValue: 指定 有 效 范围 的 最 小 值 。 
。 MaximumValue: 指定 有 效 范 围 的 最 大 值 。 
。 Type: 指定 要 比较 的 值 的 数据 类 型 。 
通常 情况 下 ,为 了 控制 用 户 输入 的 范围 ,可 以 使 用 该 控件 。 当 输入 用 户 的 生日 时 ,今年 
是 2008 年 ,那么 用 户 就 不 应 该 输入 2009 年 。 同 样 ,基本 上 没有 人 的 寿命 会 超过 100, 所 以 
对 输入 的 日 期 的 下 限 也 需要 进行 规定 ,示例 代码 如 下 。 


图 3-4 CompareValidator 验证 控件 


<div> 
请 输入 生日 :< asp:TextBox ID= "TextBoxl" runat= "server"> < /asp:TextBox> 
< asp:RangeValidator ID= "FangeValidatorl" runat- "server" 
ControlTNalicate= "TextBoxl" Errorvessage- "超出 规定 范围 ,请 重新 填写 " 
MaximinValue- "2009/1/1" Minimmialue- "1990/1/1" Type- "Date" 
< /asp:FangeValidator» 
«br /> 
« asp:Button ID- "Buttonl" runat- "server" Text- "Button" /» 
« /div» 
上 述 代 码 将 MinimumValue 属性 值 设置 为 1990/1/1, 并 将 MaximumValue 的 值 设 置 
为 2009/1/1, 当 用 户 的 日 期 低 于 最 小 值 或 高 于 最 高 值 时 , 则 提示 错误 。RangeValidator 35; 
证 控件 在 进行 控件 值 的 范围 设 定时 ,其 范围 不 仅仅 可 以 是 一 个 整数 值 ,同样 还 能 够 是 时 间 、 
日 期 等 值 。 
4. 正则 验证 控件 (RegularExpressionValidator) 
在 上 述 控 件 中 虽然 能 够 实现 一 些 验 证 ,但 是 验证 的 能 力 是 有 限 的 ,例如 在 验证 的 过 程 
中 ,只 能 验证 是 否 是 数字 ,或 者 是 否 是 日 期 。 也 可 能 在 验证 时 ,只 能 验证 一 定 范围 内 的 数值 ， 
虽然 这 些 控件 提供 了 一 些 验证 功能 ,但 却 限制 了 开发 人 员 进 行 自 定义 验证 和 错误 信息 的 开 
发 。 为 实现 一 个 验证 ,很 可 能 需要 多 个 控件 同时 搭配 使 用 。 
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正则 验证 控件 就 解决 了 这 个 问题 ,正则 验证 控件 的 功能 非常 强大 , 它 用 于 确定 输入 的 控 
件 的 值 是 否 与 某 个 正则 表达 式 所 定义 的 模式 相 匹配 ,如 电子 邮件 .电话 号 码 以 及 序列 号 等 。 

正则 验证 控件 常用 的 属性 是 ValidationExpression , 它 用 来 指定 用 于 验证 的 输入 控件 的 
正则 表达 式 。 客 户 端的 正则 表达 式 验 证 语法 和 服 FESSCCE ë o 
F mE DU] e AX JS EA A A AAE pemo: 
使 用 的 是 Jsript 正则 表达 式 语法 ,而 在 服务 器 端 使 
用 的 是 Regex 类 提供 的 正则 表达 式 语 法 。 使 用 正 
则 表达 式 能 够 实现 强大 字符 串 的 匹配 并 验证 用 户 


MERANO: 
输入 的 格式 是 否 正 确 ,系统 提供 了 一 些 常用 的 正 pons | 


则 表达 式 , 开 发 人 员 能 够 选择 相应 的 选项 进行 规 取消 
则 筛选 ,如 图 3-5 所 示 。 


当选 择 了 正则 表达 式 后 ,系统 自动 生成 相应 图 3-5 系统 提供 的 正则 表达 式 
的 HTML 代码 。 运 行 后 当 用 户 单 击 按钮 控件 时 ， 
如 果 输 入 的 信息 与 相应 的 正则 表达 式 不 匹配 , 则 会 提示 错误 信息 。 同 样 ,开发 人 员 也 可 以 自 
定义 正则 表达 式 来 规范 用 户 的 输入 。 使 用 正则 表达 式 能 够 加 快 验证 速度 并 在 字符 串 中 快速 
匹配 ,而 另 一 方面 ,使 用 正则 表达 式 能 够 减少 复杂 的 应 用 程序 的 功能 开发 和 实现 。 

注意 : 在 用 户 输入 为 空 时 ,其 他 的 验证 控件 都 会 验证 通过 。 所 以 ,在 验证 控件 的 使 用 
中 ,通常 需要 与 表单 验证 控件 (RequiredFieldValidator) 一 起 使 用 。 

5. 自 定义 逻辑 验证 控件 (CustomValidator) 

自 定 义 逻 辑 验证 控件 允许 使 用 自 定 义 的 验证 逻辑 创建 验证 控件 。 例 如 . aspx 文件 中 声 
明了 两 个 Label 控件 ,一 个 TextBox 控件 ,一 个 Button 控件 ,以 及 一 个 CustomValidator 控 
件 。user() 函 数 可 检测 输入 值 的 长 度 。 如 果 长 度 小 于 8 或 大 于 16, 将 在 CustomValidator 
控件 中 显示 文本 “用 户 名 必须 介 于 8 到 16 个 字符 之 间 !”。 其 网 页 代码 如 下 。 


<htm> 
<body> 
< fom runat- "server"> 
<asp:Label runat- "server" Text= "请 输入 用 户 名 : " /> 
<asp:TextBox id- "txtl" runat- "server" /> 
< asp:Button Text- "提交 " runat- "server"/» 
«br /> 
< asp:label id "mess" runat- "server"/» 
«br /> 
< asp:Custanvalidator 
ControlToValidate- "txtl" 
OnServerValidate- "user" 
Text- "JH P1 4 JA fr Y 8 到 164 3 E IB] 1 
runat- "server"/» 
< /fom> 
< /body> 
</htm> 


其 自 定义 验证 代码 如 下 。 


protected void CustamValidatorl ServerValidate (Gbject source, ServerValidateEventArgs args) 
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if (len (args.Value)< 8 | | len(args.Value)» 16) 
args.IsValid- false; 

else 
args.IsValid- true; 

H 

从 CustomValidator 验证 控件 的 验证 代码 可 以 看 出 ,CustomValidator 验证 控件 可 以 在 
服务 器 上 执行 验证 检查 。 如 果 要 创建 服务 器 端的 验证 函数 , 则 处 理 CustomValidator 控件 
的 ServerValidate 事件 。 使 用 传人 的 ServerValidateEventArgs 的 对 象 的 IsValid 字段 来 设 
置 是 否 通过 验证 。 

而 CustomValidator 控件 同样 也 可 以 在 客户 端 实现 , 该 验证 函数 可 用 VBScript 或 
Jscript 来 实现 ,而 在 CustomValidator 控件 中 需要 使 用 ClientValidationFunction 属性 指定 
与 CustomValidator 控件 相关 的 客户 端 验 证 脚本 的 函数 名 称 进行 控件 中 的 值 的 验证 。 

6. 验证 组 控件 (ValidationSummary) 

验证 组 控件 能 够 对 同一 页 面 的 多 个 控件 进行 验证 。 同 时 , 验证 组 控件 通过 
ErrorMessage 属性 为 页 面 上 的 每 个 验证 控件 显示 错误 信息 。 验 证 组 控件 的 常用 属性 如 下 。 

* DisplayMode: 可 显示 为 列表 、 项 目 符号 列表 或 单个 段落 。 

。 HeaderText: 指定 一 个 自 定义 标题 。 

* ShowMessageBox: 确定 是 否 在 消息 框 中 显示 摘要 。 

。 ShowSummary: 确定 是 显示 还 是 隐藏 ValidationSummary 控件 。 

验证 组 控件 能 够 显示 页 面 的 多 个 控件 产生 的 错误 。 


3.3.3 ADO.NET 数据 访问 模型 


ADO. NET 是 . NET Framework 中 的 一 系列 类 库 , 它 能 够 让 开发 人 员 更 加 方便 地 在 应 
用 程序 中 使 用 和 操作 数据 。 在 ADO. NET 中 ,大 量 复杂 的 数据 操作 的 代码 被 封装 起 来 ,所 
以 开发 人 员 在 ASP. NET 应 用 程序 开发 中 只 需要 编写 少量 的 代码 即 可 处 理 大 量 的 操作 。 
ADO. NET 与 C#.NET、VB. NET 不 同 的 是 ,ADO. NET 并 不 是 一 种 语言 ,而 是 对 象 的 集 
合 。ADO. NET 由 微软 编写 代码 ,提供 了 在 . NET 开发 中 数据 库 所 需要 的 操作 类 。 在 
. NET 应 用 程序 开发 中 ,C# 和 VB. NET 都 可 以 使 用 ADO. NET. ADO. NET 可 以 被 看 作 
是 一 个 介 于 数据 源 和 数据 使 用 者 之 间 的 转换 器 。ADO. NET 接受 使 用 者 语言 中 的 命令 ,如 
连接 数据 库 .返回 数据 集 之 类 ,然后 将 这 些 命令 转换 成 在 数据 源 中 可 以 正确 执行 的 语句 。 在 
传统 的 应 用 程序 开发 中 ,应 用 程序 可 以 连接 ODBC 来 访问 数据 库 ,虽然 微软 提供 的 类 库 非 
常 丰 富 , 但 是 开发 过 程 却 并 不 简单 。ADO. NET 在 另 一 方面 可 以 说 简化 了 这 个 过 程 。 用 
户 无 需 了 解数 据 库 产品 的 API 或 接口 ,也 可 以 使 用 ADO. NET 对 数据 进行 了 操作 。 
ADO. NET 中 常用 的 对 象 如 下 。 

。 SqlConnection: 该 对 象 表 示 与 数据 库 服务 器 进行 连接 。 

* SqlCommand: 该 对 象 表示 要 执行 的 SQL 命令 。 

* SqlParameter; 该 对 象 代表 了 一 个 将 被 命令 中 标记 代替 的 值 。 

。 SqlDataAdapter: 该 对 象 表示 填充 命令 中 的 DataSet 对 象 的 能 力 。 

* DataSet; 表示 命令 执行 的 结果 ,可 以 是 数据 集 , 并 且 可 以 与 BulletedList 进行 绑 定 。 
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通过 使 用 上 述 对象 ,可 以 轻松 地 连接 数据 库 并 对 数据 库 中 的 数据 进行 操作 。 对 开发 人 
员 而 言 ,可 以 使 用 ADO. NET 对 数据 库 进 行 操作 ,在 ASP. NET 中 ,还 提供 了 高 效 的 控件 ， 
这 些 控件 同样 使 用 了 ADO. NET 让 开发 人 员 能 够 连接 、 绑 定数 据 集 并 进行 相应 的 数据 
操作 。 

1. 连接 SQL 数据 库 

ADO. NET 通过 ADOConnection 连接 到 数据 库 。 与 ADO 的 Connection 对 象 相 似 的 
是 ,ADOConnection 同样 包括 Open 和 Close F. Open 表示 打开 数据 库 连 接 ,Close 表示 
关闭 数据 库 连 接 。 在 每 次 打开 数据 库 连 接 后 ,都 需要 关闭 数据 库 连 接 。 

(1) 建立 连接 

在 SQL 数据 库 的 连接 中 ,需要 使 用 . NET 提供 的 SqlConnection 对 象 来 对 数据 库 进 行 
连接 。 在 连接 数据 库 前 ,需要 为 连接 设置 连接 串 ,连接 串 就 相当 于 告诉 应 用 程序 怎样 找到 数 
据 库 去 进行 连接 ,然后 程序 才能 正确 地 与 SQL 建立 连接 ,连接 字 串 示例 代码 如 下 所 示 。 


server- "服务 器 地 址 ";database- "IGI JE 44 Fi "uia "C e JT] P1 44 "pede "C PE S OS n; 

上 述 代 码 说 明了 数据 库 连 接 字 串 的 基本 格式 。 如 果 需 要 连接 到 本 地 的 mytable 数据 
库 , 则 编写 相应 的 SQL 连接 字 串 进行 数据 库 的 连接 ,示例 代码 如 下 所 示 。 

string stroon; 

strone "server- ' (local) ';database- 'mytable';uid- 'sa';pwd- 'sa';"; 

上 述 代 码 声明 了 一 个 数据 库 连 接 字 串 ,SqlConnection 类 将 会 通过 此 字 串 来 进行 数据 库 
的 连接 。 其 中 ,server 是 SQL 服务 器 的 地 址 ,如 果 相 对 于 应 用 程序 而 言 数据 库 服务 器 是 本 
地 的 , 则 只 需要 配置 为 (local) 即 可 ;而 如 果 是 远程 服务 器 , 则 需要 填写 具体 的 ip 地 址 。 另 
外 ,uid 是 数据 库 登 录 时 的 用 户 名 ,pwd 是 数据 库 登 录 时 使 用 的 密码 。 在 声明 了 数据 库 连 接 
字 串 后 ,可 以 使 用 SqlConnection 类 进行 连接 ,示例 代码 如 下 。 


string stroon; // 声 明 连 接 字 串 
stroon= "server= ' (local) ';database- 'mytable' ;uid- 'sa'7pwd 'sa';"'; //Aji 55 3e k fh 
SqlConnection con- new SqlConnection (stroan) ; // 新 建 sL tk 
try 
t 
con.Qpen() ; // 打 开 Son fc 
Iabell.Text= "连接 数据 库 成 功 "; // 提 示 成 功 信息 
catch 
( 
Llabell.Text- "无 法 连接 数据 库 "; // 提 示 失 败 信 息 


} 


上 述 代 码 连接 了 本 地 数据 库 服务 器 中 的 mytable 数据 库 , 如 果 连 接 成 功 , 则 提示 “连接 
数据 库 成 功 ”; 出 现 异 常 时 , 则 提示 “无 法 连接 数据 库 ”。 

注意 : 在 使 用 SqlConnection 类 时 ,需要 使 用 命名 空间 “using System. Data. SqlClient”; 
而 连接 Access 数据 库 时 ,需要 使 用 命名 空间 “using System. Data. OleDb”。 

(2) 填充 DataSet 数据 集 

DataSet 数据 集 表示 来 自 一 个 或 多 个 数据 源 数据 的 本 地 副本 ,是 数据 的 集合 ,也 可 以 看 
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作 是 一 个 虚拟 的 表 。DataSet 对 象 允许 Web 窗 体 半 独 立 于 数据 源 运 行 。DataSet 能 够 提高 
程序 的 性 能 ,因为 DataSet 从 数据 源 中 加 载 数据 后 .就 会 断 开 与 数据 源 的 连接 ,开发 人 员 可 
以 直接 使 用 和 处 理 这些 数 据 , 当 数据 发 生变 化 并 要 更 新 时 , 则 可 以 使 用 DataAdapter 重新 连 
接 并 更 新 数据 源 。DataAdapter 可 以 进行 数据 集 的 填充 ,创建 DataAdapter 对 象 的 代码 如 
下 所 示 。 


SqlDataAdapter da= new SqlDataAdapter ("select * from news",con); 


上 述 代 码 创建 了 一 个 DataAdapter 对 象 并 初始 化 DataAdapter X £ . DataAdapter 对 象 
的 构造 函数 允许 传递 两 个 参数 初始 化 ,第 一 个 参数 为 SQL 查询 语句 ,第 二 个 参数 为 数据 库 
连接 的 SqlConnection 对 象 。 初 始 化 DataAdapter 后 ,就 需要 将 返回 的 数据 的 集合 存放 到 数 
据 集中 ,示例 代码 如 下 。 

DataSet ds- new DataSet () ; // 创 建 数据 集 

da.Fill(ds, "tablename"); /Ell1 方 法 用 于 进行 数据 的 填充 

上 述 代码 创建 了 一 个 DataSet 对 象 并 初始 化 DataSet 对 象 ,通过 DataAdapter 对 象 的 
Fill 方法 ,可 以 将 返回 的 数据 存放 到 数据 集 DataSet 中 。DataSet 可 以 被 看 作 是 一 个 虚拟 的 
表 或 表 的 集合 ,这 个 表 的 名 称 在 Fill 方法 中 被 命名 为 tablename。 

(3) 显示 DataSet 

当 返 回 的 数据 被 存放 到 数据 集中 后 ,可 以 通过 循环 语句 遍历 和 显示 数据 集中 的 信息 。 
当 需 要 显示 表 中 某 一 行 字 段 的 值 时 ,可 以 通过 DataSet 对 象 获 取 相 应 行 的 某 一 列 的 值 , 示 例 
代码 如 下 。 


ds.Tables ["tablename"] .Rows[0] ["title"] .ToString ()7 


上 述 代码 从 DataSet 对 象 中 的 虚 表 tablename 的 第 0 行 中 获取 title 列 的 值 。 当 需要 遍 
历 DataSet 时 ,可 以 使 用 DataSet 对 象 中 的 Count 来 获取 行 数 。DataSet 不 仅 可 以 通过 编 
程 的 方法 来 实现 显示 ,也 可 以 使 用 ASP. NET 中 提供 的 控件 来 绑 定数 据 集 并 显示 。 
ASP. NET 中 提供 了 常用 的 显示 DataSet 数据 集 的 控件 ,包括 Repeater, DataList, GridView 
等 数据 绑 定 控件 。 将 DataSet 数据 集 绑 定 到 DataList 控件 中 可 以 方便 地 在 控件 中 显示 数据 
库 中 的 数据 并 实现 分 页 操作 ,示例 代码 如 下 所 示 。 


Datalistl.DataSouroe- ds; [B s C E 
DataListl.DataMenber- "tablename"; 
Datalistl.DataBind(); / FOE TUS 


上 述 代码 能 够 将 数据 集 ds 中 的 数据 绑 定 到 DataList 控件 中 。DataList 控件 还 能 够 
实现 分 页 、 自 定义 模板 等 操作 ,非常 便于 开发 人 员 对 数据 进行 开发 。 从 中 可 以 看 出 ,在 
ADO. NET 中 对 数据 库 的 操作 基本 上 需要 三 个 步骤 , 即 创 建 一 个 连接 、 执 行 命令 对 象 并 显 
示 , 最 后 再 关闭 连接 。 使 用 ADO. NET 的 对 象 ,不 仅 能 够 通过 控件 绑 定 数据 源 , 也 可 以 通过 
程序 实现 数据 源 的 访问 。ADO. NET 的 过 程 如 图 3-6 所 示 。 
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建立 连接 连接 数据 库 
SqlConnection 的 
OP 六法 数据 操作 
创建 一 个 封装 SQL 
命令 的 对 象 
执行 数据 操作 
释放 连接 
需要 使 用 时 ， 使 用 完毕 ，Close 
再 次 建立 连接 方法 释放 


图 3-6 ADO. NET 规范 的 步 又 


从 图 3-6 中 可 以 归纳 出 ADO. NET 规范 的 步骤 如 下 。 

(D 创建 一 个 连接 对 象 。 

© 使 用 对 象 的 Open 方法 打开 连接 。 

O 创建 一 个 封装 SQL 命令 的 对 象 。 

CD 调用 执行 命令 的 对 象 。 

C 执行 数据 库 操 作 。 

© 执行 完毕 ,释放 连接 。 

掌握 了 这 些 初 步 的 知识 ,就 能 够 使 用 ADO. NET 进行 数据 库 的 开发 。 

2. ADO. NET 常用 对 象 

ADO. NET 提供 了 一 些 常 用 对 象 来 方便 开发 人 员 进 行 数 据 库 的 操作 ,这 些 常 用 的 对 
象 通常 会 用 在 应 用 程序 开发 中 ,对 于 中 级 的 开发 人 员 而 言 , 熟 练 地 掌握 这 些 常 用 的 
ADO. NET 对 象 ,能 够 自行 封装 数据 库 操作 类 ,来 简化 开发 。ADO. NET 的 常用 对 象 包 括 
以 下 几 种 。 

* Connection 对 象 。 

* DataAdapter 对 象 。 

* Command 对 象 。 

* DataSet 对 象 。 

。 DataReader 对 象 。 

上 面 的 对 象 在 . NET 应 用 程序 操作 数据 中 是 非常 重要 的 ,它们 不 仅 提供 了 数据 操作 的 
便利 ,同时 ,还 提供 了 高 级 的 功能 给 开发 人 员 ,为 开发 人 员 解 决 特定 的 需求 提供 帮助 。 

(I) Connection 连接 对 象 

fr. NET 开发 中 ,通常 情况 下 开发 人 员 被 推荐 使 用 Access 或 者 SQL 作为 数据 源 , 若 需 
要 连接 Access 数据 库 , 可 以 使 用 System. Data. Oledb. OleDbConnection 对 象 来 连接 ; 若 需 
要 连接 SQL 数据 库 , 则 可 以 使 用 System. Data. SqlClient. SqlConnection 对 象 来 连接 。 本 节 
主要 讨论 连接 Access 和 SQL 数据 库 。 如 需要 连接 SQL 数据 库 , 则 需要 使 用 命名 空间 
System. Data. SqlClient 和 System. Data. OleDb。 示 例 代 码 如 下 。 
110 


项 目 3 会 员 注 册 


using System.Data.SqlClient; // 使 用 sa 命名 空间 
using System.Data.Oledo // 使 用 oledb 命 名 空间 


(D 使 用 System. Data. SqlClient 连接 SQL Server。 要 连接 到 SQL 数据 库 , 则 需要 创建 
SqlConnection 对 象 , 代 码 如 下 。 

sqlConnection con= new SqlConnection(); ”// 创 建 连接 对 象 

am.ComecticnstringF "server= ' (local) ';database= 'mytable' ;uid- 'sa' ;pw 'sa'"; 

// 设 置 连接 字 串 

上 述 代码 创建 了 一 个 SqlConnection 对 象 , 并 且 配 置 了 连接 字 串 。SqlConnection 对 象 
专门 定义 了 一 个 专门 接收 连接 字符 串 的 变量 ConnectionString。 当 配置 了 
ConnectionString 变量 后 ,就 可 以 使 用 Open() 方 法 来 打开 数据 库 连 接 , 示 例 代 码 如 下 。 

SqlConnecticn core new SqiConnection() ; 


// 创 建 连接 对 象 
con.ConnectionString- "server- ' (local) ';database- 'mytable' ;uid- 'sa';pwd- 'sa'";try 


con.Open() ; 
Labell.Text- "E f JV, JJ] "; 
con.Close(); 


catch 


Labell.Text- "E fit ^k: Wt"; 


上 述 代码 尝试 判断 是 否 打开 数据 库 连 接 , 使 用 Open 方法 能 够 建立 应 用 程序 与 数据 库 
之 间 的 连接 。 与 之 相同 的 是 ,可 以 使 用 默认 的 构造 函数 来 对 数据 库 连 接 对 象 进行 初始 化 , 示 
例 代 码 如 下 。 

String str- "server- ' (local) ';database- 'mytable';uid- 'sa';pwd- 'Sa'"; 

// 设 置 连接 字符 串 

SqlConnection core new SqlConnection (str); 

/默认 的 构造 函数 

上 述 代 码 与 使 用 ConnectionString 变量 的 方法 等 价 ,其 默认 的 构造 函数 中 已 经 为 
ConnectionString 变量 进行 了 初始 化 。 

Q) 使 用 System. Data. OleDb 连接 Access 数据 库 。Access 是 一 种 桌面 级 数据 库 , 虽 然 
与 SQL Server 相 比 ,Access 数据 库 的 性 能 和 功能 并 不 强大 ,但 是 Access 却 是 最 常用 的 数据 
库 之 一 。 对 于 小 型 应 用 和 小 型 企业 来 说 , Access 数据 库 也 是 开发 中 小 型 软件 的 最 佳 选 择 。 
Access 是 Office 组 件 之 一 , 当 安 装 了 Office 后 ,就 可 以 新 建 Access 数据 库 ,在 桌面 或 任何 
文件 夹 中 右 击 就 能 够 创建 Access 数据 库 。 创 建 完成 后 .双击 数据 库 文件 就 能 够 打开 数据 库 
并 建立 表 和 字段 ,如 图 3-7 所 示 。 

同样 ,Access 数据 库 也 需要 创建 表 和 字段 ,基本 方法 与 SQL Server 数据 库 相 同 ,但 是 
在 数据 类 型 上 ,自动 增长 编号 作为 单独 的 数据 类 型 而 存在 。 开 发 人 员 能 够 在 表 窗口 中 创建 
表 mytable 和 相应 字段 ,如 图 3-8 所 示 。 


111 


ASP NET 动 态 网 站 开发 


ini xi 


a Hasek 
a Bnek 


口 
F 


À uat dd 
B'»ERÉH 


a 


f 


图 3-7 创建 Access 数据 库 


数据 类 型 决定 用 户 所 能 

保存 在 该 字段 中 值 的 种 
H 可 
DEBA ERRORI o 


图 3-8 创建 Access 数据 库 的 表 


创建 完成 后 可 以 使 用 System. Data. OleDb 的 对 象 进行 数据 库 的 连接 和 数据 操作 。 注 
意 ,Access 数据 库 是 一 个 桌面 级 的 数据 库 , 其 数据 都 会 存放 在 一 个 文件 中 而 不 是 存放 在 数 
据 库 服务 器 中 。 在 使 用 System. Data. OleDb 时 ,只 需要 修改 连接 字符 串 即 可 。 在 这 里 需要 
强调 一 点 的 是 ,Access 数据 库 是 一 种 桌面 级 的 数据 库 ,与 文件 类 型 的 数据 库 类 似 , 所 以 连接 
Access 数据 库 时 ,必须 指定 数据 库 文 件 的 路 径 ,或 者 使 用 Server. MapPath 来 确定 数据 库 文 
件 的 相对 位 置 。 示 例 代码 如 下 所 示 。 

string str= "provider-Microsoft.Jet.OLEDB.4.0 ;Data Source- " 


+ Server.MapPath (access mb") - "7 
OlerbConnection cone new OlerbConnection (str) ; 
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} 
catch (Exception ee) 
t 
Labell Texc- "i fk Ac We; 
H 
Server. MapPath 能 够 确定 文件 相对 于 当前 目录 的 路 径 , 如 果 不 使 用 Server. MapPath. 
则 需要 指定 文件 在 计算 机 的 路 径 ,如 “D:\ 服 务 器 \ 文 件 夹 \ 数 据 库 路 径 ”。 但 是 这 样 会 暴露 
数据 库 的 物理 路 径 , 让 程序 长 期 处 于 不 安全 的 状态 。 无 论 是 使 用 System. Data. SqlClient 还 
是 System. Data. OleDb 创建 数据 库 连 接 对 象 ,都 可 以 使 用 Open 方法 来 打开 连接 。 同 样 ,也 
可 以 使 用 Close 方法 来 关闭 连接 ,示例 代码 如 下 所 示 。 
注意 : 如 果 使 用 了 连接 池 , 虽 然 显 式 地 关闭 了 连接 对 象 ,其 实 并 不 会 真正 地 关闭 与 数据 
库 之 间 的 连接 ,这 样 能 够 保证 再 次 进行 连接 时 的 连接 性 能 。 
SqlConnection core new SqlConnection (str); 
Olerbconnection con2- new OlerbConnection (str2) ; 
// 创 建 连接 对 象 
con.Open()7 
// 打 开 连 接 
con.Close(); 
// 关 闭 连接 
con2.Open ()7 
// 打 开 连 接 
con2.Close(); 
// 关 闭 连接 
(2) DataAdapter 适配器 对 象 
在 创建 了 数据 库 连接 后 ,就 需要 对 数据 集 DataSet 进行 填充 ,在 这 里 就 需要 使 用 
DataAdapter 对 象 。 在 没有 数据 源 时 ,DataSet 对 象 对 保存 在 Web 窗 体 可 访问 的 本 地 数据 
库 是 非常 实用 的 ,这 样 降低 了 应 用 程序 和 数据 库 之 间 的 通信 次 数 。 然 而 DataSet 必须 要 与 
一 个 或 多 个 数据 源 进行 交互 ,DataAdapter 就 提供 DataSet 对 象 和 数据 源 之 间 的 连接 。 为 了 
实现 这 种 交互 ,微软 提供 了 SqlDataAdapter 类 和 OleDbDataAdapter 类 。SqlDataAdapter 
类 和 OleDbDataAdapter 类 各 自 适 用 情况 如 下 。 
。 SqlDataAdapter: 该 类 专用 于 SQL 数据 库 , 在 SQL 数据 库 中 使 用 该 类 能 够 提高 性 
能 ,SqlDataAdapter 与 OleDbDataAdapter 相 比 ,无需 使 用 OLEDB 提供 程序 层 , 可 
直接 在 SQL Server 上 使 用 。 
* OleDbDataAdapter: 该 类 适用 于 由 OLEDB 数据 提供 程序 公开 的 任何 数据 源 , 包 括 
SQL 数据 库 和 Access 数据 库 。 
若 要 使 一 个 使 用 DataAdapter 对 象 的 DataSet. 能 够 与 一 个 数据 源 之 间 交 换 数据 , 则 可 
以 使 用 DataAdapter 属性 来 指定 需要 执行 的 操作 ,这 个 属性 可 以 是 一 条 SQL 语句 或 者 是 存 
储 过 程 ,示例 代码 如 下 所 示 。 
string str= "server= ' (local) ';database- 'mytable';uid- 'sa';pwd- 'sa'"; 
// 创 建 连接 字符 串 
SglConnection core new SqlConnection (str); 
con.open() ; 
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// 打 开 连 接 

SqlDataAdapter da= new sqlDatandapter ("select fram news", con) ; 

//Databdapter 对 象 

con-Close(0)7 

// 关 闭 连接 

上 述 代 码 创 建 了 一 个 DataAdapter 对 象 ,DataSet 对 象 可 以 使 用 该 对 象 的 Fill 方法 来 填 
充 数据 集 。 

(3) Command 执行 对 象 

Command 对 象 可 以 使 用 数据 命令 直接 与 数据 源 进行 通信 。 例 如 , 当 需 要 执行 一 条 插入 
语句 ,或 者 删除 数据 库 中 的 某 条 数据 的 时 候 , 就 需要 使 用 Command 对 象 。Command 对 象 
的 属性 包括 了 数据 库 在 执行 某 个 语句 的 所 有 必要 的 信息 ,这 些 信息 如 下 所 示 。 

。 Name: Command 的 程序 化 名 称 。 

* Connection; 对 Connection 对 象 的 引用 。 

CommandType: 指定 是 使 用 SQL 语句 或 存储 过 程 ,默认 情况 下 是 SQL 语句 。 
* CommandTest: 命令 对 象 包含 的 SQL 语句 或 存储 过 程 名 。 
Parameters: 命令 对 象 的 参数 。 

通常 情况 下 ,Command 对 象 用 于 数据 的 操作 ,例如 执行 数据 的 插入 和 删除 ,也 可 以 执行 
数据 库 结 构 的 更 改 , 包 括 表 和 数据 库 。 示 例 代 码 如 下 所 示 。 

String str- "server- ' (local) ';database- 'mytable';uid- 'sa';pwd- 'sa'"; 

// 创 建 数据 库 连 接 字 符 串 

SqlConnection core new SqiConnection (str); 

con.open  ; 

// 打 开 数 据 库 连接 

SqlCcormand mÈ new Sqicamand ("insert into news values ('title')",con); 

// 建 立 camrand 对 象 

上 述 代 码 使 用 了 可 用 的 构造 函数 并 指定 了 查询 字符 串 和 Connection 对 象 来 初始 化 
Command 对 象 cmd。 通 过 指定 Command 对 象 的 方法 可 以 对 数据 执行 具体 的 操作 。 

(D ExecuteNonQuery 方法 。 当 指定 了 一 个 SQL 语句 ,就 可 以 通过 ExecuteNonQuery 
方法 来 执行 语句 的 操作 。ExecuteNonQuery 不 仅 可 以 执行 SQL 语句 ,开发 人 员 也 可 以 执 
行 存储 过 程 或 数据 定义 语句 来 对 数据 库 或 目录 执行 构架 操作 。 而 使 用 ExecuteNonQuery 
时 ,ExecuteNonQuery 并 不 返回 行 ,但 是 可 以 通过 Command 对 象 和 Parameters 进行 参数 
传递 。 示 例 代码 如 下 所 示 。 

string str- "server- ' (local) ';database- 'mytable' ;uid- 'sa' ;zpd- 'sa'"; 

// 创 建 数据 库 连 接 字 符 串 

SglConnection core new SqlConnection (str); 

con.Open 0)7 

SqlCamand mÈ new Sqlcamarnd ("insert into news values ('title')",con); 

am.ExecuteNonQuery () ; 

/执行 Sou iB] 


运行 上 述 代 码 后 ,会 执行 "INSERT INTO news VALUES('title)” 这 条 SQL 语句 并 向 
数据 库 中 插入 数据 。 值 得 注意 的 是 ,修改 数据 库 的 SQL 语句 ,例如 常用 的 INSERT, 
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UPDATE 以 及 DELETE 并 不 返回 行 。 同 样 ,很 多 存储 过 程 同样 不 返回 任何 行 。 当 执行 
这 些 不 返回 任何 行 的 语句 或 存储 过 程 时 ,可 以 使 用 ExecuteNonQuery。 但 是 
ExecuteNonQuery 语句 也 会 返回 一 个 整数 ,表示 受 已 执行 的 SQL 语句 或 存储 过 程 影响 的 
行 数 ,示例 代码 如 下 所 示 。 


string str- "server- ' (local) ';catabase- 'mytable';uid- 'sa';pwd- 'sa'"; 

SalConnection con- new SqlConnection (str); 

// 创 建 连接 对 象 

con.Open() ; 

// 打 开 连 接 

SqlCamand mÈ new Sqicamand ("delete fram mynews", con) ; 

/构造 cmmand 对 象 

Response.Write (" 该 操作 影响 了 ('+ and.ExecuteNonouery() -ToString )- 0 £1"); 

/执行 Son ifi] 

上 述 代 码 执行 了 语句 “DELETE FROM mynews”, 并 将 影响 的 行 数 输出 到 字符 串 中 。 
开发 人 员 能 够 使 用 ExecuteNonQuery 语句 进行 数据 库 操作 和 数据 库 操作 所 影响 行 数 的 
统计 。 

Q) ExecuteNonQuery 执行 存储 过 程 。ExecuteNonQuery 不 仅 能 够 执行 SQL 语句 , 同 
样 可 以 执行 存储 过 程 和 数据 定义 语言 来 对 数据 库 或 目录 执行 构架 操作 (如 CREATE 
TABLE 等 )。 在 执行 存储 过 程 之 前 ,必须 先 创建 一 个 存储 过 程 , 然 后 在 SqlCommand 方法 
中 使 用 存储 过 程 。 在 SQL Server 管理 器 中 可 以 新 建 查询 创建 存储 过 程 ,示例 代码 如 下 
所 示 。 

CREATE PROC getdetail 

( 

Q id int, 
@ title varchar (50) OUTPUT 

) 

AS 

SET NOCOUNT ON 

LECLARE @ newscount int 

SELECT 6 title- mynews.title,8 newscount- COUNT (mynews . id) 

FROM mynews 

WHERE (id- @ id) 

GROUP BY mynews.title 

RETURN @ newscount 

上 述 存储 过 程 返回 了 数据 库 中 新 闻 的 标题 内 容 。“@id” 表 示 新 闻 的 id,“@title” 表 示 新 
闻 的 标题 ,此 存储 过 程 将 返回 *@ title” 的 值 ,并 且 返 回 新 闻 的 总 数 。 创 建 存储 过 程 后 ,就 可 
以 使 用 SqlParameter 调用 命令 对 象 Parameters 参数 的 集合 的 Add 方法 进行 参数 传递 ,并 
指定 相应 的 参数 ,示例 代码 如 下 所 示 。 

string str- "server- ' (local) ';database- 'mytable';uid- 'sa';pwd- 'Sa'"; 

SglConnection con= new SqiConnection (str); 


con.Qpen() ; // 打 开 连 接 
Sql Camrand amcF new SqlCommand ("getdetail", con); // 使 用 存储 过 程 
amd.CommandType= CommandType. StoredProcedure; // 设 置 camand 对 象 的 类 型 
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SqlParameter spr; /表示 执行 一 个 存储 过 程 
spr= ard. Paraneters Ac ("@ id", SqiTbType. Tnt) ; // 增 加 参数 ia 

spr= qd. Parawters.Add ("@ title", SqlTEbType.Nchar, 50) ; // 增 加 参数 title 
spr.Direction= ParameterDi rection.Output; // 该 参数 是 输出 参数 
Spr- amd. Parameters .Ackd ("€ count", SqlDoType. Tnt) ; // 增 加 count 参数 
spr.Direction- ParameterDirection.RetumValue; // 该 参数 是 返回 值 
ard.Parameters["@ id"] .Value- 1; // 为 参数 初始 化 
amd.Farameters["e title"] .Value= null; // 为 参数 初始 化 
ani.ExecuteNorQuery (); // 执 行 存储 过 程 

Labell .Text= am.Farameters["e cant"] Value. bStrirg () ; // 获 取 返 回 值 


上 述 代码 使 用 了 现 有 的 存储 过 程 , 并 为 存储 过 程 传递 了 参数 , 当 参 数 被 存储 过 程 接受 
并 运行 后 ,会 返回 一 个 存储 过 程 中 指定 的 返回 值 。 当 执行 完毕 后 ,开发 人 员 可 以 通过 
cmd. Parameters 来 获取 其 中 一 个 变量 的 值 。 

(9 ExecuteScalar F. Command 的 Execute 方法 提供 了 返回 单个 值 的 功能 。 在 很 多 
时 候 , 开 发 人 员 需 要 获取 刚刚 插入 的 数据 的 ID 值 , 或 者 可 能 需要 返回 Count(* 2), Sum 
(Money) 等 聚合 函数 的 结果 , 则 可 以 使 用 ExecuteScalar 方 法。 示例 代码 如 下 所 示 。 


String str- "server- ' (local) ';database- 'mytable';uid- 'sa';pwd- 'sa'"; 
// 设 置 连接 字符 串 

SqlConnection core new SqlConnection (str); 

// 创 建 连接 

con.Open()7 

// 打 开 连 接 

SqlCamand mÈ new SqlCormand("select count (* ) fram mynews", con); 
// 创 建 Comana 

Iabel1.Text= amd.ExecuteScalar () -ToString (); 

// 使 用 Executescalar 执 行 


上 述 代码 创建 了 一 个 连接 ,并 创建 了 一 个 Command 对 象 ,使 用 了 可 用 的 构造 函数 来 
初始 化 对 象 。 当 使 用 ExecuteScalar 执行 方法 时 ,会 返回 单个 值 。ExecuteScalar 方法 同 
样 可 以 执行 SQL 语句 ,但 是 与 ExecuteNonQuery 方法 不 同 的 是 , 当 语句 不 为 SELECT 
时 , 则 返回 一 个 没有 任何 数据 的 System. Data. SqlClient. SqlDataReader 类 型 的 集合 。 
ExecuteScalar 方法 通常 是 用 来 执行 具有 返回 值 的 SQL 语句 ,例如 上 面 所 说 的 当 搬入 一 条 
新 数据 时 ,返回 刚 插入 的 数值 的 ID 号 。 这 种 功能 在 自动 增长 类 型 的 数据 库 设计 中 经 常 被 用 
到 ,示例 代码 如 下 所 示 。 


String str= "server- ' (local) ';database= 'mytable';uid- 'sa';pwd- 'sa'"; 


// 设 置 连接 字符 串 
SglConnection oon- new SqlConnection (str); // 创 建 连接 
con.Open ()7 // 打 开 连 接 
SqlCamand mÈ new SqlConmand("insert into mynews values 
("this is a new title! ')SELECT @ @ ITENTTIY as "bh", oon); // 插 入 新 数据 
Iabel2.Text- ad.FxecuteScalar () .Tostring (); // 获 取 返 回 的 1D ffi 


上 述 代码 使 用 了 “SELECT € € IDENTITY as” 语 法 , “SELECT @@IDENTITY” 语 
法 会 自动 获取 刚 插 人 的 自动 增长 类 型 的 值 。 例 如 , 当 表 中 有 100 条 数据 时 ,插入 一 条 数据 后 
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数据 量 就 成 101, 为 了 不 需要 再 次 查询 就 获得 101 这 个 值 , 则 可 以 使 用 "SELECT @@ 
IDENTITY as” 语 法 。 当 使 用 了 “SELECT @@IDENTITY as” 语 法 进行 数据 操作 时 ， 
ExecuteScalar 方法 会 返回 刚 插 入 的 数据 的 ID, 这 样 就 无 需 再 次 查询 刚 插 入 的 数据 。 

(4) DataSet 数据 集 对 象 

DataSet 是 ADO. NET 中 的 核心 概念 ,作为 初学 者 ,可 以 把 
DataSet 想象 成 虚拟 表 , 但 是 这 个 表 不 能 用 简单 的 表 来 表示 ,这 个 uU el 
表 可 以 想象 成 具有 数据 库 结构 的 表 , 并 且 这 个 表 是 存放 在 内 存 中 DuaTabte 
的 。 由 于 ADO. NET 中 DataSet 的 存在 ,开发 人 员 能 够 屏蔽 数据 
库 与 数据 库 之 间 的 差异 ,从 而 获得 一 致 的 编程 模型 。DataSet 能 E c 
够 支持 多 表 、 表 间 关 系 .数据库 约束 等 ,可 以 模拟 一 个 简单 的 数据 图 3.9 DataSet 对 象 模型 
库 模型 。DataSet 对 象 模型 如 图 3-9 所 示 。 

图 3-9 简要 地 介绍 了 常用 对 象 之 间 的 构架 关系 。 在 DataSet 中 , 主要 包括 
TablesCollection RelationsCollection, ExtendedProperties 几 个 重要 对 象 。 

(D TablesCollection 对 象 。 在 DataSet 中 , 表 的 概念 是 用 DataTable 来 表示 的 。 
DataTable 在 System. Data 中 定义 , 它 能 够 表示 存储 在 内 存 中 的 一 张 表 。 它 包含 一 个 
ColumnsCollection 的 对 象 ,代表 数据 表 的 各 个 列 的 定义 。 同 时 , 它 也 包含 了 
RowsCollection 对 象 ,这 个 对 象 包含 DataTable 中 的 所 有 数据 。 

Q RelationsCollection 对 象 。 在 各 个 DataTable 对 象 之 间 , 是 通过 使 用 
RelationsCollection 来 表达 各 个 DataTable 对 象 之 间 的 关系 的 。RelationsCollection 对 象 可 
以 模拟 数据 库 中 的 约束 关系 。 例 如 当 一 个 包含 外 键 的 表 被 更 新 时 ,如 果 不 满 足 主键 一 外 键 
约束 ,这 个 更 新 操作 就 会 失败 ,系统 会 抛 出 异常 。 

© DataTable 数据 表 对 象 。DataTable 是 DataSet 中 的 常用 的 对 象 , 它 和 数据 库 中 表 的 
概念 十 分 相似 。 开 发 人 员 可 以 将 DataTable 想象 成 一 个 表 , 并 且 可 以 通过 编程 的 方式 创建 
一 个 DataTable 表 。 示 例 代码 如 下 所 示 。 


DataTable Table- new DataTable ("mytable"); 
// 创 建 一 个 DataTable Xj 4e 
Table.CaseSensitive- false; 

// 设 置 不 区 分 大 小 写 
Table.MinimmCapacity= 100; 

// 设 置 Datarable 初 始 的 大 小 
Table.TableName- "newtable"; 

// 设 置 Datarable 的 名 称 


上 述 代码 创建 了 一 个 DataTable 对 象 ,并 为 DataTable 对 象 设置 了 若干 属性 ,这 些 属性 
都 是 常用 的 属性 ,其 作用 分 别 说 明 如 下 。 
e CaseSensitive: 此 属性 设置 表 中 的 字符 串 是 否 需 要 区 分 大 小 写 。 若 无 特殊 情况 ,一 
般 设置 为 False。 该 属性 对 查找 排序. 过滤 等 操作 有 很 大 的 影响 。 
。 MinimumCapacity: 设置 创建 的 数据 表 的 最 小 记录 空间 。 
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* TableName: 指定 数据 表 的 名 称 。 

一 个 表 必 须 有 一 个 列 ,而 DataTable 必须 包含 列 。 当 创建 了 一 个 DataTable 后 ,就 必须 
向 DataTable 中 增加 列 。 表 中 列 的 集合 形成 了 二 维 表 的 数据 结构 。 开 发 人 员 可 以 使 用 
Columns 集合 的 Add 方法 向 DataTable 中 增加 列 ,Add 方法 带 有 两 个 参数 ,一 个 是 表 列 的 
名 称 , 一 个 是 该 列 的 数据 类 型 。 示 例 代码 如 下 所 示 。 

DataTable Table- new DataTable ("mytable") ; 

// 创 建 一 个 DataTable 

Table.CaseSensitive- false; 

// 设 置 不 区 分 大 小 写 

Table.MinimmCapacity= 100; 

// 设 置 Datarable 初 始 的 大 小 

Table.TableName= "netable"; 

// 设 置 Datarable 的 名 称 

DataColum Colum= new DataColum() ; 

// 创 建 一 个 Datacolum 

Colur Table.Colums.Adi ("id", typeof (int)); 

// 增 加 一 个 列 

Colum= Table.Colums.Acd("title", typeof (string)); 

// 增 加 一 个 列 

上 述 代码 创建 了 一 个 DataTable 和 一 个 DataColumn 对 象 ,并 通过 DataTable 的 
Columns. Add 方法 增加 Data Table 的 列 。 

注意 : 上 述 代码 中 ,DataTable 列 的 数据 类 型 使 用 的 只 能 是 . NET 中 的 数据 类 型 ,因为 
其 并 不 是 真实 的 数据 库 , 所 以 不 能 直接 使 用 数据 库 类 型 ,必须 使 用 typeof 方法 把 . NET 中 
的 数据 类 型 转换 成 数据 库 类 型 。 

(D DataRow 数据 行 对 象 。 在 创建 了 表 和 表 中 列 的 集合 ,并 使 用 约束 定义 表 的 结构 后 ， 
可 以 使 用 DataRow 对 象 向 表 中 添加 新 的 数据 库 行 ,这 一 操作 同 数据 库 中 的 INSERT 语句 
的 概念 类 似 。 插 和 人 一 个 新 行 ,首先 要 声明 一 个 DataRow 类 型 的 变量 。 使 用 NewRow 方法 
能 够 返回 一 个 新 的 DataRow 对 象 。DataTable 会 根据 DataColumnCollection 定义 的 表 的 
结构 来 创建 DataRow 对 象 。 示 例 代码 如 下 所 示 。 


DataRow Row- Table.NewRow () ; 

// 使 用 DataTable fff) NewRow 方 法 创建 一 个 新 DataRow 对 象 

上 述 代 码 使 用 DataTable 的 NewRow 方法 创建 了 一 个 新 DataRow 对 象 , 当 使 用 该 对 
象 添加 了 新 行 之 后 ,必须 使 用 索引 或 者 列 名 来 操作 新 行 ,示例 代码 如 下 所 示 。 

Row[0]=1; 

// 使 用 索引 赋值 列 

Row[1]= "datarow"; 

// 使 用 索引 赋值 列 

上 述 代 码 通 过 索引 来 为 一 行 中 各 个 列 赋值 。 从 数组 的 语法 可 以 知道 ,索引 都 是 从 第 0 
个 位 置 开 始 。 将 DataTable 想象 成 一 个 表 , 从 左 到 右 从 0 开始 索引 ,直到 数值 等 于 列 数 减 1 
为 止 。 为 了 提高 代码 的 可 读 性 ,也 可 以 通过 直接 使 用 列 名 来 添加 新 行 , 示 例 代 码 如 下 所 示 。 
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Row["bhm= 1; 

// 使 用 列 名 赋值 列 

Row["title"]- "datarow"; 

// 使 用 列 名 赋值 列 

通过 直接 使 用 列 名 来 添加 新 行 与 使 用 索引 添加 新 行 的 效果 相同 ,通过 使 用 列 名 能 够 让 
代码 更 加 可 读 , 便 于 理解 ,但 是 也 暴露 了 一 些 机 密 内 容 ( 如 列 值 )。 在 把 数据 插入 到 新 行 后 ， 
使 用 Add 方法 将 该 行 添加 到 DataRowCollection 中 。 

(5) DataReader 数据 访问 对 象 

DataSet 的 最 大 好 处 在 于 ,能 够 提供 无 连接 的 数据 库 副 本 ,DataSet 对 象 在 表 的 生命 周 
期 内 会 为 这 些 表 进 行内 存 的 分 配 和 维护 。 如 果 有 多 个 用 户 同 时 对 一 台 计 算 机 进行 操作 ,内 
存 的 使 用 就 会 变 得 非常 紧张 。 当 需要 对 数据 进行 一 些 简单 的 操作 时 ,就 无 需 保 持 DataSet 
对 象 的 生命 周期 ,可 以 使 用 DataReader 对 象 。 当 使 用 DataReader 对 象 时 ,不 会 像 DataSet 
那样 提供 无 连接 的 数据 库 副本 。DataReader 类 被 设计 为 产生 只 读 、 只 进 的 数据 流 。 这 些 数 
据 流 都 是 从 数据 库 返 回 的 。 所 以 ,每 次 的 访问 或 操作 只 有 一 个 记录 保存 在 服务 器 的 内 存 中 。 
相对 于 DataSet 而 言 ,DataReader 具有 较 快 的 访问 能 力 , 并 且 能 够 使 用 较 少 的 服务 器 资源 ， 
DataReader 具有 以 下 快速 的 数据 库 访 问 、 只 进 和 只 读 、 减 少 服务 器 资源 等 特色 。 
DataReader 类 是 轻 量 级 的 , 相 比 之 下 DataReader 对 象 的 速度 要 比 DataSet 要 快 。 因 为 
DataSet 在 创建 和 初始 化 时 ,可 能 是 一 个 或 多 个 表 的 集合 ,并 且 DataSet 具有 向 前 、 向 后 读 写 
和 浏览 的 能 力 , 所 以 当 创 建 一 个 DataSet 对 象 时 ,会 造成 额外 的 开销 。 当 对 数据 库 的 操作 没 
有 太 大 的 要 求 时 ,可 以 使 用 DataReader 显示 数据 。 这 些 数据 可 以 与 单个 list-bound 控件 绑 
定 , 也 可 以 填充 List 接口 。 当 不 需要 复杂 的 数据 库 处 理 时 ,DataReader 能 够 较 快 地 完成 数 
据 的 显示 。 因 为 DataReader 并 不 是 数据 在 内 存 中 的 表示 形式 ,所 以 使 用 DataReader 对 服 
务 器 占用 的 资源 很 少 。DataReader 对 象 可 以 使 用 Read 方法 来 进行 数据 库 遍 历 , 当 使 用 
Read 方法 时 ,可 以 以 编程 的 方式 自 定义 数据 库 中 数据 的 显示 方式 。 当 开发 自 定义 控件 时 ， 
可 以 将 这 些 数据 整合 到 HTML rp ,并 显示 数据 。 

DataAdapter 对 象 能 够 自动 地 打开 和 关闭 连接 ,而 DataReader 对 象 需要 用 户 手动 来 管 
理 连 接 。DataReader 对 象 和 DataAdapter 对 象 很 相似 ,都 可 以 从 SQL 语句 和 一 个 连接 中 初 
始 化 。 创 建 DataReader 对 象 ,需要 创建 一 个 SqlCommand 对 象 来 代替 SqlDataAdapter 对 
象 。 与 SqlDataAdapter 对 象 类 似 的 是 , DataReader 可 以 从 SQL 语句 和 连接 中 创建 
Command 对 象 。 创 建 对 象 后 ,必须 显 式 地 打开 Connection 对 象 。 示 例 代码 如 下 所 示 。 

string str- "server- ' (local) ';database- 'mytable' ;uid- 'sa';pwd 'sa'"; 

SqlConnection core new SqiConnection (str); 

con.0pen() ; 

// 打 开 连 接 

Sqlcamand om new SqlCammand("select * from mynews", oon); 

// 创 建 camand 对 象 

SqlDataReader dr- am.ExecuteReader () ; 

// 创 建 DataReader 对 象 

con.Close(); 


上 述 代码 创建 了 一 个 DataReader 对 象 , 从 上 述 代码 中 可 以 看 出 ,创建 DataReader 对 象 
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必须 经 过 如 下 几 个 步骤。 

。 创建 和 打开 数据 库 连 接 。 

。 创建 一 个 Command 对 象 。 

。 从 Command 对 象 中 创建 DataReader 对 象 。 

。 调用 ExecuteReader 对 象 。 

DataReader 对 象 的 Read 方法 可 以 判断 DataReader 对 象 中 的 数据 是 否 还 有 下 一 行 ,并 
将 游标 移 到 下 一 行 。 通 过 Read 方法 可 以 判断 DataReader 对 象 中 的 数据 是 否 读 完 。 示 例 代 
码 如 下 所 示 。 


while (dr.Read()) 


通过 Read 方法 可 以 遍历 读 取 数据 库 中 行 的 信息 。 当 读 取 到 一 行 时 ,需要 获取 某 列 的 
值 只 需要 使 用 “[” 和 *]” 运 算 符 来 确定 某 一 列 的 值 即 可 ,示例 代码 如 下 所 示 。 


while (dr.Read()) 
t 

Response.Write (dr ["title"] .ToString () - "< hr/» ") 
) 


上 述 代 码 通过 dr[ "title"] 来 获取 数据 库 中 title 这 一 列 的 值 ,同样 也 可 以 通过 索引 来 获 
取 某 一 列 的 值 , 示 例 代码 如 下 所 示 。 


while (dr.Read()) 
{ 

Response.Write (dr[1] .ToString ()+ "< hr/» ") ; 
} 


® 示例 2: 假定 可 以 连接 到 Microsoft SQL Server 2008 或 更 高 版 本 上 的 
AdventureWorks 示例 数据 库 , 请 使 用 SqlDataReader 从 HumanResources. Department 表 
中 返回 记录 列表 (如 图 3-10 所 示 ) 。 

(D 拖 动 gridview 控件 到 default. aspx 页 面 , 单 击 gridview 智能 提示 ,选择 “自动 套用 格 
式 ” 菜 单项 , 单 击 “ 彩 色 型 "列表 项 ,再 单 击 “ 确 定 ” 按 钮 。 

© f F7 功能 键 切 换 到 代码 页 面 ,在 Page Load 事件 中 输入 以 下 代码 。 


protected void Page Load (cbject sender, EventArgs e) 

t 
String oamecticnstring- "Data Saro .;Initial Catalog- AdventureWorks; 

Integrated Security- True; MiltipleActiveResultSets- true"; 

SqlConnection oon= new SqlConnection (connectionString) ; 
con.0pen() ; 
SqlComrand amd- new SglOammand("select * from HumanResouroes. 
department", con); 
SqlDataReader sdr- am.ExecuteReader () ; 
Gridviewl.DataSource- sdr; 
Gridviewl.DataBind(); 


con.Close(); 
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DepartmentID Hane GroupHame NodifiedDate 
$ Engineering Research and Development 1998/6/1 0:00:00 
2 Tool Design Research and Development 1998/6/1 0:00:00 
3 Sales Sales and Marketing 1998/6/1 0:00:00 
4 Marketing Sales and Marketing 1998/6/1 0:00:00 
5 Purchasing Inventory Management 1998/6/1 0:00:00 
6 Research and Development Research and Development 1998/6/1 0:00:00 
n Production Manufacturing 1998/6/1 0:00:00 
8 Production Control Manufacturing 1998/6/1 0:00:00 
9 Human Resources Executive General and Administration 1998/6/1 0:00:00 
10 Finance Executive General and Administration 1998/6/1 0:00:00 
1i Information Services Executive General and Administration 1998/6/1 0:00:00 
12 Document Control Quality Assurance 1998/6/1 0:00:00 
18 Quality Assurance Quality Assurance 1998/6/1 0:00:00 
14 Facilities and Maintenance Executive General and Administration 1998/6/1 0:00:00 
15 Shipping and Receiving Inventory Management 1998/6/1 0:00:00 
16 Executive Executive General and Administration 1998/6/1 0:00:00 


图 3-10 数据 显示 


© 按 F5 功能 键 运行 程序 ,出 现 如 图 3-10 所 示 的 页 面 。 


34 项 目 实 施 


3.4.1 任务 1: 会 员 注 册 UI 设计 


1. 任务 目标 

(1) 能 熟练 操作 VS2012 集成 开发 环境 。 

(2) 能 熟练 使 用 ASP. NET 常用 服务 器 控件 。 

(3) 能 使 用 DIV 十 CSS 进行 网 页 布局 。 

2. 任务 内 容 

(D 从 Layout. master 模板 页 创建 内 容 页 。 

(2) 使 用 服务 器 控件 设计 注册 页 面 界面 。 

3. 任务 实施 步骤 

该 任务 首先 从 Layout. master 母 版 页 创建 内 容 页 ,接着 使 用 DIV 十 CSS 进行 页 面 布局 ， 
最 后 使 用 常用 的 服务 器 控件 设计 界面 (如 图 3-11 所 示 ) 。 

CD fiit Shop X fF 3e ,选择 “添加 ”一 “添加 新 项 ”命令 ,打开 * 添 加 新 项 对话 框 。 

© 单 击 “Web 页 面 "列表 项 ,在 “名 称 ” 文 本 框 中 输入 reg. aspx, 单 击 “ 选 择 母 版 页 ”, 单 击 
“添加 ”按钮 ,打开 “选择 模板 页 ”对 话 框 , 单 击 Layout. master 文件 ,再 单 击 “ 确 定 ” 按 钮 。 

© 打开 mystyle. cs 文件 ,输入 以 下 代码 。 


reg div 
t 
widtn:600px; 
height:30px; 
} 
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NBCC CN Reserved 首页 XT 站 点 导航 rss 联系 我 们 
[2:251 <] 
图 3-11 任务 1 效果 图 
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-img disp 

{ 
width:30px; 
height :20px; 
line- height:lpx; 

) 


CD 拖 动 DIV 控件 到 页 面 中 ,分 别 更 改 各 个 DIV 的 样式 。 


<div class= "reg div> 
<div class= "reg div tips" > 账号 < /div> 
«div class= "reg div_content"> < /div> 
</div> 
<div class= "reg div> 
<div class= "reg div tips" > 密码 < /div> 
<div class= "reg div_content"> < /div» 
« /div» 
<div class= "reg div> 
<div class= "reg div tips" > 密码 确认 < /div> 
<div class= "reg div content" < /div> 
« /div» 
<div class= "reg div> 
<div class= "reg div tips" > 年 龄 < /div> 
<div class= "reg div content" < /div> 
« /div» 
<div class= "reg div"> 
«div class= "reg div tips" > 电话 < /div> 
<div class= "reg div content'^ < /div> 
</div> 
<div class= "reg div"> 
<div class= "reg div tips" > 邮件 < /div> 
<div class= "reg div content'^ < /div> 
</div> 
<div class= "reg div"> 
<div class= "reg div tips" > 验证 码 < /div> 
<div class= "reg div content?" < /div» 
<div class= "reg div content3"> < /div> 
<div class= "reg div content4" < /div» 
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</div> 
<div class= "reg div"> 
<div class= "reg div tips" > 
< /div» <div class= "reg div content" 
« /div» 
© 拖 动 TextBox 控件 到 页 面 中 。 每 行 用 一 个 DIV 表示 , 它 的 样式 类 是 reg_div, 其 中 
包含 两 个 DIV ,第 二 个 DIV 用 于 放置 TextBox 控件 。 
© 右 击 账号 文本 框 , 选 择 * 属 性 选项 ”命令 , 单 击 ID 属性 ,为 其 输入 TxtAccount。 以 此 


方式 更 改 各 个 文本 框 的 ID 属性 。 
3.4.2 任务 2: 会 员 输 入 信息 验证 


1. 任务 目标 

(1) 能 使 用 ASP. NET 验证 控件 验证 输入 信息 。 

(2) 能 生成 图 像 型 验证 码 。 

2. 任务 内 容 

(1) 能 使 用 ASP. NET 验证 控件 验证 Smart On Line 电子 商城 会 员 注 册 信 息 。 

(2) 能 使 用 验证 码 技术 防止 恶意 注册 。 

3. 任务 实施 步骤 

制作 Smart On Line 商城 母 版 页 ( 见 图 3-12) 首 先是 采用 必 填 验证 控件 对 所 有 必须 输入 
的 文本 框 进行 验证 ;接着 采用 比较 验证 器 验证 “密码 ”和 “密码 确认 ”是 否 一 致 和 范围 验证 控 
件 验 证 年 龄 ;然后 采用 正则 表达 式 验证 器 对 “电话 ”和 “邮件 ”进行 验证 ;下 一 步 对 输入 的 账号 
采用 自 定义 验证 控件 验证 输入 账号 是 否 存 在 ;最 后 使 用 验证 码 技术 检验 验证 码 是 否 一 致 。 
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图 3-12 任务 2 效果 图 


(D 对 “账号 ”“ 密 码 ”“ 密 码 确认 ”“ 年 龄 "“ 电 话 ” 和 “邮件 ”文本 框 进行 必 填 验证 。 拖 
动 RequiredFieldValidator 空间 到 相应 文本 框 右 侧 。 右 击 “ 账 号 ”文本 框 ,选择 “属性 ”命令 ， 
打开 “属性 窗口 ”*( 如 图 3-13 所 示 ) , 单 击 ControlToValidate 属性 , 单 击 TxtAccount( 账 号 文 
本 框 的 ID)。 接 着 单 击 ErrorMessage 属性 ,输入 “请 输入 账号 ”; 单 击 Display 属性 , 单 击 
Dynamic 列表 项 ;然后 单 击 ForeColor 属性 ,输入 #990000。 用 类 似 操 作 方 式 设置 其 他 6 个 
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必 填 验证 控件 的 属性 。 
[T -4x 
RfvAccount System.Web.ULWebControls.RequiredField ~ 
中 型 | 办 | 乡 无 
(Expressions) = CVTxtPwdSec System. Web.ULWebControls.CompareV: ~ 
(D) RfvAccount pa 
AccessKey ERN AF A 
BackColor BackColor E 
BorderColor BorderColor 
BorderStyle NotSet BorderStyle NotSet 
BorderWidth BorderWidth 
ClientIDMode Inherit ClientIDMode Inherit 
ControlToValidate TxtAccount TxtPwd - 
CssClass ControlToValidate TxtPwdsec 
Display Dynamic CssClass 
EnableClientScript True CulturelnvariantValues False 
Enabled True Display Dynamic 
EnableTheming True EnableClientScript True 
EnableViewState True Enabled True 
ErrorMessage 请 给 入 账号 EnableTheming True 
田 Font EnableViewState True 
ForeColor #990000 ErrorMessage 密码 不 一 致 
Height 田 Font 
InitialValue ForeColor Maroon 
SetFocusOnFrror False = Height 
aD) Operator Equal 
此 控件 的 编程 名 称 。 SetFocusOnError False 
SkinID X 
图 3-13 “属性 ?窗口 图 3-14 步骤 四 中 属性 的 设置 效果 


© 拖 动 CompareValidator 到 “密码 确认 ”文本 框 右 侧 . 单 击 ControlToValidator 属性 ， 
单 击 右边 的 下 拉 列 表 , 单 击 TxtPwdConfirm 选项 。 单 击 ControlToCompare 属性 ,再 单 击 
右边 的 下 拉 列 表 , 单 击 TxtPwd 选项 。 单 击 ErrorMessage 属性 ,输入 “密码 不 一 致 ”"。 单 击 
Display 属性 , 单 击 右边 下 拉 列 表 , 再 单 击 Dynamic 选项 ,其 他 的 特别 是 Type 属性 保持 不 
变 , 如 图 3-14 所 示 。 

© 使 用 范围 验证 控件 验证 “年 龄 文本 框 ? 输 入 值 。 拖 动 RangeValidator 到 年 龄 文本 框 
右 侧 , 右 击 RangeValidatorl 验证 控件 ,选择 “属性 ”命令 ,打开 “属性 ”窗口 。 单 击 
ControlToValiator 属性 , 单 击 右 边 的 下 拉 列 表 , 单 击 TxtAge 选项 ; 单 击 Display 属性 , 单 击 
Dynamic 选项 ; 单 击 ErrorMessage 属性 ,输入 “年 龄 必须 大 于 18 岁 ”; 单 击 MaxinumValue 
属性 ,输入 200( 人 的 年 龄 不 超过 200 岁 , 所 以 这 里 设置 最 大 值 为 200); 单 击 MininumValue 
属性 ,输入 18。 还 需 进一步 单 击 Type 属性 , 单 击 右边 的 下 拉 列 表 , 再 单 击 Integer 选项 ,如 
图 3-15 所 示 。 

CD 拖 动 RegularExpressionValidator 到 “电话 ”文本 框 右 侧 。 右 击 RegularExpression 
Validatorl 验证 控件 ,选择 “属性 ”命令 ,打开 “属性 ”对 话 框 。 单 击 ValidationExpress 属性 ， 
单 击 右边 的 按钮 ,打开 “正则 表达 式 编辑 器 ”对 话 框 , 单 击 “ 中 华人 民 共 和 国电 话 号 码 ” 选 项 ， 
单 击 “ 确 定 ” 按 钮 (如 图 3-16 所 示 )。 单 击 ErrorMessage 属性 ,输入 “电话 号 码 格 式 不 一 致 ”。 
单 击 Display 属性 , 单 击 Dynamic 选项 。 单 击 ControlToValidator 属性 , 单 击 右 边 的 下 拉 列 
表 , 再 单 击 TxtPhone 选项 。 
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RvAge System.Web.ULWebControls.RangeValidator 
EAEIFZIE AS 
CssClass 
CulturelnvariantValues False 
Display Dynamic 
EnableClientScript True 
Enabled True 
EnableTheming True 
EnableViewState True 
ErrorMessage 年 龄 必须 大 于 18 
E Font 
ForeColor Maroon 
Height 
MaximumValue 200 
MinimumValue 18 
SetFocusOnError False 
SkinID 
TabIndex 0 ' 
Tet 验证 表达 式 (E): 
ToolTip | GdNINd(3)Dzd(8} I 
[Type nteger z EV 
ValidalionGroüp RU 
ViewStateMode. Inherit 
图 3-15 步 又 @ 中 属性 的 设置 图 3-16 “正则 表达 式 编辑 器 ”对话 框 


© 拖 动 RegularExpressionValidator Jf 5k $4 “Wp fF” 3c 7k HE dr Bu. A ud 
RegularExpressionValidator2 验证 控件 ,选择 “属性 ”命令 ,打开 “属性 ”对 话 框 。 单 击 
ValidationExpress 属性 , 单 击 右边 的 按钮 ,打开 “正则 表达 式 编 辑 器 "对话 框 , 单 击 “Internet 
电子 邮件 地 址 ?选项 , 单 击 “确定 "按钮 。 单 击 ErrorMessage 属性 ,输入 “电子 邮件 格式 错 
误 ”。 单 击 Display 属性 , 单 击 Dynamic 选项 。 单 击 ControlToValidator 属性 , 单 击 右边 的 
下 拉 列 表 , 单 击 TxtEmail 选项 。 

© 生成 图 像 型 验证 。 右 击 App. Code 文件 夹 ,选择 “添加 ”一 “添加 新 项 ”命令 ,打开 “ 添 
加 新 项 "对话 框 , 单 击 “ 类 ”列表 项 ,在 “名 称 ” 文 本 框 中 输入 CheckCode。 双 击 CheckCode. cs 
文件 ,输入 下 列 代码 来 产生 随机 数 。 


private string RndNum (int. VoodeNum) 
t 
string Vchar- "0,1,2,3,4,5,6, 7,8,9"; 
string[] VcArray- Vchar.Split (', ') ; 
string Wire ""; 
int tm- 1; 
Random rand- new Randam() ; 
for (int i- 1; i «VoodeNum + 1; i++) 
t 
if (tep ! --1) 
{ 
rand-newRankm(i * temp * undced(Gnt)DateTime.NOw.Ticks)) ; 
} 
int t= rand.Next (VcArray.Length) ; 
if (tem ! =- 1 && teap ==t) 
{ 
retum RndNum(VcodeNum) ; 
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) 


} 

tem-t; 

WNum 4 — VcArray [t] 
} 
retum Wum; 


CD 图 像 型 验证 码 需要 以 图 像 格 式 显示 验证 码 , 要 根据 字符 型 验证 码 转换 成 图 片 ,将 其 
显示 到 浏览 器 中 ,然后 将 图 片 释放 。 代 码 如 下 。 


private void heckCodes (string checkCode) 


t 


int iwidth- (int) (checkCode.length * 13); 
System.Drawing.Bitmap image- new System.Drawing.Bitmap (iwidth, 23); 
Graphics g= Graphics.Franlmage (image) ; 
g.Clear (Color.White) ; 
/定义 颜色 
Color[] c» ( Color.Black, Color.Red, Color.DarkBlue, Color.Green, 
Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple ); 
/定义 字体 
string[] font- ( "Verdana", "Microsoft Sans Serif", "Comic Sans MS", 
"arial", "Kk" y; 
Random rand- new Randam() ; 
// 随 机 输出 噪点 
for (int i=0; i <50; i++) 
t 
int x= rand.Next (image.Width) ; 
int y= rand.Next (image.Height) ; 
g.DrawRectangle (new Pen (Color.LightGray, 0), x, y, 1, 1); 
H 
// 答 出 不 同 字体 和 颜色 的 验证 码 字 符 
for (int i- 0; i <checkCode.Length; i++) 
t 
int cindex- rand.Next (7) ; 
int findex- rand.Next (5) ; 
Font f- new System.Drawing.Font (font [findex], 
10, System.Drawing.FontStyle.Bold); 
Brush b= new System. Drawing.SolidBrush (c[cindex]) ; 
int ii-4; 
if ((i+1) $2==0) 
{ 
ii-2; 
} 
g.Drawstring (checkCode.Substring(i, 1), f, b, 3+ (i* 12), ii); 
} 
// 夯 一 个 边框 


g.DrawFectangle (new Pen (Color.Black, 0),0,0,imege.Width - 1,image .Height —1); 


/输出 到 浏览 器 
System. IO.MeroryStream ms= new System.IO.MEmopryStream() ; 
jmage.Save (ms, System.Drawing. Imaging. ImageFormat .Jpeg) ; 
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HttpContext .Current .Response.ClearContent () ; 
//Response.ClearContent () ; 
HttpContext .Current . Response Content Type- "image/Jpeg" ; 
HttpContext .Current .Response.BinaryWrite (ms .ToArray () ) ; 
g.Dispose(); 
image.Dispose(); 

H 


@ 编写 一 个 静态 方法 供 直 接 调 用 。 代 码 如 下 。 


public static void DrawImage () 

t 
CheckCode img- new CheckCode () ; 
HttpContext .Current . Session ["CheckCode"]= img.RndNum (4) ; 
img.checkCodes (HttpContext .Current .Sessicn ["CheckCode"] .ToString()) ; 

) 


© 新 建 空白 的 Web 页 面 (这 里 不 再 重复 描述 如 何 添加 新 项 ,读者 应 该 已 经 非常 熟练 掌 
握 了 相应 操作 ), 按 F7 键 切 换 到 代码 文件 ,在 Page_Load 事件 中 输入 CheckCode 
. DrawImageO 。 

O 拖 动 Image 控件 到 验证 码 文本 框 右边 , 单 击 ImageUrl 属性 , 单 击 右边 的 选择 按钮 ， 
打开 “选择 图 像 ” 对 话 框 ,在 “文件 类 型 "下 拉 列 表 中 选择 "所 有 文件 ”选项 , 单 击 CheckCode 
.aspx 页 面 , 单 击 “ 确 定 ” 按 钮 。 

D Hiz) CustomValidator 控件 到 “账号 ”文本 框 右边 , 单 击 ControlToValidator 属性 ， 
单 击 下 拉 列 表 中 TxtAccount 选项 , 单 击 ErrorMessage 属性 ,输入 “用 户 已 经 存在 ”。 
双击 CustomValidatorl 控 件 , 进 入 CvAccount_ServerValidate 事件 代码 ,代码 中 需要 通过 
ADO. NET 访问 T Customer 表 。 如 果 用 户 存 在 , 则 设置 args. IsValid = false, 


String sql= String.Format ("select custamer id from T Custamer 
where custamer account- '(0)'",args.Value); 
String connectionString- "Data Source- .;Initial Catalog- Smart; 
Integrated Security- True; MiltipleactiveResultSets- true"; 
SqlConnection core new SqiConnection (connectionString) ; 
con.Open  ; 
Sql Comand ame new Sal Command (sql, con) ; 
SqlDataReader sdr- sh.QueryOperation (sql); 
if (sdr.HasRows) 
t 
args.IsValid- false; 
} 
else 
i 
args.IsValid- true; 
} 


3.4.3 任务 3: 会 员 注 册 信 息 存 储 


1. 任务 目标 
能 使 用 ADO. NET 访问 数据 库 。 
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2. 任务 内 容 

能 使 用 ADO. NET 技术 将 会 员 注 册 信 息 保存 到 T. Customer 表 中 。 

3. 任务 实施 步骤 

任务 2 中 已 经 对 会 员 输 入 的 信息 进行 了 验证 ,本 任务 则 需要 将 页 面 中 的 输入 信息 保存 
到 T_Customer 表 中 。 

CD 拖 动 Label 控件 到 “新 用 户 注册 ”按钮 下 方 , 单 击 Text 属性 ,输入 “添加 新 用 户 错误 ” 
提示 信息 。 

Q 双击 “新 用 户 注 册 ” 按 钮 ,进入 按钮 的 Click 事件 。“ 新 用 户 注 册 ” 事 件 首先 要 判断 页 
面 是 否 通过 所 有 的 验证 控件 验证 ,接着 要 判断 验证 码 是 否 输入 正确 ;然后 使 用 ADO. NET 
技术 执行 非 查询 操作 。 示 例 代码 如 下 。 


if (Page.IsValid) 
t 
if (TxtCheckCode.Text .Equals (Session ["CheckOode"] .Tostring 0))) 
{ 
String connectionstring- "Data Source- .;Initial Catalog- Smart 
Integrated Security- True; MiltipleactiveResultSets- true"; 
SalConnection core new SqiConnection (connectionstring) ; 
con.Open() ; 
String sql- String.Fomat ("insert into T Custamer values (' (0), ' (1), 
(2), (3), (4) ') "TxtAccount Text, TxtPwd. Text, TxtAge. Text, TxtEhone Text, TxtEmrai 1. Text) ; 
ScjlCcmand arde new SqlCamand (sql, oon) ; 
If (ard.ExeNonQuery () » 0) 
{ 
Response.Redi rect ("^ /Shop/index.htrl") ; 
) 
else 
{ 
lblTS.Visible- true; 
) 


) 
任务 3 正确 执行 效果 图 如 图 3-17 所 示 。 


Customer ID Customer Acco... Customer Pwd Customer Age Customer Phone — Customer Email 
» w 1 19 88886666 lljGgmail.com 

2 michael 1234 20 86571234 l@gmai.com 

3 michael hello 12345 20 88667733 2G9mai.com 

4 michael2 12 20 12312321 122@gmail.com 

5 michael helo3 — 12 20 88866677 mic&nbcc.en 

6 michael heloS 123456 21 95845983 q@q.com 


图 3-17 任务 3 正确 执行 效果 图 
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第 三 个 子 项 目 主要 讲解 了 ASP. NET 常用 服务 器 控件 .验证 控件 和 ADO. NET 数据 库 
访问 技术 。ASP. NET 常用 服务 器 控件 较 多 ,这 一 项 目 没有 一 一 列举 ,只 是 将 用 到 的 控件 详 
细 讲 解 其 常规 用 法 。Visual Studio 2012 提供 了 各 种 验证 控件 。RequiredFieldValidator 确 
保 用 户 没 有 跳 过 输入 控件 。RequiredFieldValidator 控件 可 以 与 文本 框 绑 定 在 一 起 ,以 便 强 
制 用 户 对 文本 框 进行 输入 。RangeValidator( 范 围 验 证 ) 确 保 输入 的 数字 在 指定 的 范围 内 。 
CompareValidator( 比 较 验 证 ) 比 较 用 户 输入 和 其 他 数值 。 它 可 以 与 一 个 指定 的 时 间 比 较 ， 
或 者 与 另外 的 一 个 控件 的 属性 值 比 较 , 同样 可 以 与 数据 库 中 的 值 进行 比较 。 
RegularExpressionValidator (正则 表达 式 验 证 ) 是 最 强大 的 验证 控件 之 一 , 它 可 以 把 用 户 输 
人 和 提供 的 表达 式 进 行 比 较 。 可 以 使 用 这 个 验证 控件 来 检查 有 效 的 社会 保险 号 码 . 电 话 号 
码 、 密 码 等 。CustomValidator( 用 户 自 定义 验证 ) 如 果 没 有 符合 需要 的 控件 ,那么 可 以 使 用 
CustomValidator 控件 。 它 能 够 检查 出 用 户 的 输入 是 否 违背 了 由 自 定义 方法 所 提供 的 算 
法 。 此 外 介绍 了 ADO. NET 的 对 象 模型 以 及 如 何 使 用 这 些 模型 开发 数据 绑 定 Web 窗 体 ， 


35 总 结 归 纳 


内 容 包 括 创 建 连接 、 数 据 命令 和 数据 阅读 器 。 
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选择 题 


a 


指定 Label 控件 的 边框 风格 ,需要 设置 其 ( ) 属 性 。 
A. BorderColor B. BackColor C. BorderStyle D. BorderWidth 


. 要 将 数据 源 绑 定 到 控件 ,需要 调用 控件 的 ( ) 方 法 。 


A. Load B. DataBind C. Dispose D. GetType 


. 要 掩盖 TextBox 控件 中 的 文本 ,需要 将 控件 的 TexiMode 属性 设置 为 ( m 


A. Password B. MultiLine C. SingleLine D. Null 


. 要 使 文本 框 最 多 输入 6 个 字符 ,需要 将 该 控件 的 ( ””) 属 性 值 设置 为 6。 


A. MaxLength B. Columns C. Rows D. TabIndex 


. 要 使 Button 控件 不 可 用 ,需要 将 控件 的 ( ) 属 性 设置 为 false。 


A. Enabled B. EnableViewState 
C. Visible D. CausesValidation 


. DropDownList 被 选中 选项 的 索引 号 被 置 于 ( ) 属 性 中 。 


A. SelectedIndex B. SelectedItem C. SelectedValue D. TabIndex 


. DropDownList 控件 Items 集合 的 Count 属性 值 是 ( J's 


A. 选择 项 的 序号 B. 项 的 总 数目 C. 选择 项 的 数目 D. 选择 项 的 值 


. DropDownListl. Items[ 0]. Text 值 是 控件 的 ( Jia 


A. 文本 B. 选择 的 文本 C. 添加 的 文本 D. 首 项 的 文本 
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9. 语句 “DropDownListl. Items[0]. Selected — true; ” ffE Jl C Jis. 


A. 使 首 项 被 选中 B. 测试 首 项 是 否 被 选中 
C. 去 掉 首 项 的 选中 状态 D. 使 首 项 可 用 
10. RequiredFieldValidator 控件 的 ErrorMessage 属性 用 来 ( A 
A. 设置 错误 信息 B. 设置 到 验证 的 控件 
C. 定位 错误 类 型 D. 启动 错误 处 理 程序 
11. RequiredFieldValidator 控件 的 ControlToValidate 属性 用 来 ( A 
A. 设置 是 否 需 要 验证 B. 设置 到 验证 的 控件 
C. 设置 验证 方式 D. 设置 验证 的 数据 类 型 
12. RangeValidator 控件 用 于 验证 数据 的 ( We 
A. 类 型 B. 格式 C. 范围 D. 正则 表达 式 
13. 要 验证 文本 框 中 输入 的 数据 是 否 为 合法 的 邮编 ,需要 使 用 ( ) 验 证 控件 。 
A. RequiredFieldValidator B. RangeValidator 
C. CompareValidator D. RegularExpressionValidator 
14. 要 使 RadioButton 控件 被 选中 ,需要 将 其 ( ) 属 性 设置 为 true。 
A. Enabled B. Visible C. Checked D. AutoPostBack 
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为 便捷 用 户 在 格林 酒店 进行 网 上 预订 房间 ,项 目 经 理 要 求 酒店 管理 系统 里 面 须 具备 用 
户 注册 功能 ,对 所 有 字段 都 必须 非 空 , 对 身份 证 号 码 须 进行 长 度 验 证 。 最 终 效 果 图 如 


图 3-18 所 示 。 
GreenHotél 


discover a world with us 
姓名 
身份 证 
地 址 l 
性 别 ôk og 


= ë | 
EST 


CopyRightüSoft DevelopmentTeam Of Hold On 


图 3-18 格林 酒店 注册 功能 
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41 项 目 引入 


项 目 3 已 经 实现 了 会 员 注 册 功 能 。 自 然而 然 也 有 会 员 登 录 功 能 相对 应 ,也 是 Smart On 
Line 电子 商城 中 必 不 可 少 的 一 项 功能 。 李 明 是 Smart On Line 电子 商城 的 一 位 开发 人 员 ， 
接 到 的 任务 是 协助 开发 用 户 登录 功能 模块 。 


42 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 , 认 为 Smart On Line 电子 商城 用 户 登录 模块 使 用 ASP. NET 
服务 器 控件 来 设计 界面 ,采用 验证 控件 对 界面 输入 数据 进行 非 空 验证 。 当 用 户 输入 准确 的 
用 户 名 和 密码 后 , 则 会 成 功 登录 。 在 成 功 登录 过 程 中 需要 在 会 话 中 保存 用 户 名 ,以 便 后 续 在 
购买 商品 的 时 候 验 证 用 户 是 否 已 经 成 功 登 录 。 如 果 成 功 登录 , 则 跳 转 到 首页 ,否则 在 登录 页 
面 显示 登录 错误 信息 。 为 提供 用 户 的 体验 ,采用 AJAX 技术 进行 局 部 刷新 。 因 此 本 项 目 可 
以 分 为 两 部 分 : 第 一 部 分 是 设计 登录 界面 并 进行 用 户 信息 的 验证 ;第 二 部 分 是 采用 AJAX 
技术 进行 局 部 刷新 并 加 强 用 户 的 体验 。 


43 知识 准备 


开发 Smart On Line 电子 商城 时 ，Visual Studio 2012 提供 的 是 一 个 开发 环境 ,而 
ASP. NET 是 网 页 应 用 程序 开发 的 一 种 工具 ,其 中 ASP. NET 提供 了 常用 的 内 置 对 象 : 简单 
地 说 ,就 是 不 用 实例 化 而 直接 可 以 使 用 的 对 象 (实际 上 本 身 内 置 对 象 就 可 以 理解 为 类 库 中 类 
已 经 实例 化 好 的 对 象 ) ,实现 用 户 和 网 页 间 信 息 的 传递 。 简 单 地 可 以 理解 为 : ASP. NET 是 
用 户 和 网 页 之 间 信 息 交 流 的 一 个 桥梁 ,不 同 的 内 置 对 象 传递 不 同 的 信息 而 已 。ASP. NET 
提供 的 内 置 对 象 有 Request, Response, Application, Session, Server 和 Cookies。 这 些 对 象 
使 用 户 更 容易 收集 通过 浏览 器 请 求 发 送 的 信息 、 响 应 浏览 器 以 及 存储 用 户 信 息 ,以 实现 其 他 
特定 的 状态 管理 和 页 面 信息 的 传递 。 现 在 常用 到 的 对 象 主要 是 : Request、 Response、 
Server,Session 和 Cookie ^& , 

* Response 对 象 : 通过 该 对 象 的 属性 和 方法 可 以 控制 如 何 将 服务 器 端的 数据 发 送 到 

客户 端 浏 览 器 。 
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* Request 对 象 : 当 客 户 发 出 请 求 并 执行 ASP. NET 程序 时 ,客户 端的 请 求 信 息 会 包 
装 在 Request 对 象 中 ,这 些 请 求 信 息 包 括 请 求 报头 (Header) .客户 端的 机 器 信息 , 客 
户 端 浏览 器 信息 ,请求 方法 (如 POST .GET) .提交 的 窗 体 信息 等 。 
。 Server 对 象 : 反映 了 Web 服务 器 的 各 种 信息 , 它 提供 了 服务 器 可 以 提供 的 各 种 
服务 。 
Session 对 象 : 负责 存储 . 读 取 和 改变 一 个 特定 用 户 的 会 话 信息 。 对 于 每 个 用 户 的 每 
次 访问 ,Session 对 象 都 是 唯一 的 。 
* Cookie 对 象 : 在 Web 程序 设计 中 , 它 表 示 一 个 长 度 不 超过 4KB 的 一 个 普通 的 文本 
文件 。 这 个 文件 在 用 户 的 硬盘 上 ,可 以 由 Web 浏览 器 进行 访问 。 


4.3.1 Response 对 象 


Response 对 象 用 来 访问 所 创建 的 并 能 被 客户 端 进行 响应 对 象 ,同时 输出 信息 到 客户 
端 , 它 提供 了 标识 服务 器 和 性 能 的 HTTP 变量 ,发 送 给 浏览 器 的 信息 和 在 Cookie 中 存储 的 
信息 。 它 也 提供 了 一 系列 用 于 创建 输出 页 面 的 方法 ,如 无 所 不 在 的 Response. Write 方法 。 
Response 对 象 的 常用 属性 如 下 所 示 。 

。 BufferOutput: 获取 或 设置 一 个 值 ,该 值 指示 是 否 缓冲 输出 ,并 在 完成 处 理 整个 页 面 

之 后 将 其 发 送 。 

* Cache; 获取 Web 页 面 的 缓存 策略 。 

。 Charset: 获取 或 设置 输出 流 的 HTTP 字符 集 类 型 。 

* IsClientConnected: 获取 一 个 值 , 通 过 该 值 指示 客户 端 是 否 仍 连接 在 服务 器 上 。 

。 ContentEncoding: 获取 或 设置 输出 流 的 HTTP 字符 集 。 

。 TrySkiplisCustomErrors: 获取 或 设置 一 个 值 ,指定 是 否 支持 IIS 7. 0 自 定义 错误 

输出 。 

Response 方 法 可 以 输出 HTML 流 到 客户 端 ,其 中 包括 发 送信 息 到 客户 端 和 客户 端 
URL 重 定向 ,不 仅 如 此 ,Response 还 可 以 设置 Cookie 的 值 以 保存 客户 端 信息 。Response 
的 常用 方法 如 下 。 

* Write: 向 客户 端 发 送 指定 的 HTTP 流 。 

。 End: 停止 页 面 的 执行 并 输出 相应 的 结果 。 

。 Clear: 清除 页 面 缓冲 区 中 的 数据 。 

* Flush; 将 页 面 缓冲 区 中 的 数据 立即 显示 o 

* Redirect; 客户 端 浏览 器 的 URL 地 址 重 定向 。 

在 Response 的 常用 方法 中 , Write 方法 是 最 常用 的 方法 ,Write 能 够 向 客户 端 发 送 指定 
的 HTTP 流 ,并 呈现 给 客户 端 浏览 器 。 当 希望 在 Response 对 象 运行 时 ,能 够 中 途 进 行 停止 
时 , 则 可 以 使 用 End 方法 对 页 面 的 执行 过 程 进行 停止 ,示例 代码 如 下 所 示 。 


for (int i=0; i <100; i++) 
{ 
if (i <10) 
{ 
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Response Write ("当前 输出 了 第 '+i+' 行 <hr/> "); 


Response.Erd() ; 


上 述 代 码 循环 输出 HTML 流 * 当 前 输出 了 第 X (17.2459 0:58] 10 行 时 , 则 停止 输出 ,如 
图 4-1 所 示 。 


m //localhost:29867/response.aspx — Windows Internet Explor lol xl 


Go DEMESTEIITTS | wi 


we Uu fÉ http://localhost:29867/re.. . "E ARA N ed 


这 是 一 申 HTML 流 
当前 输出 了 第 0 行 


当前 输出 了 第 1 行 
当前 输出 了 第 2 行 
当前 输出 了 第 3 行 
当前 输出 了 第 4 行 
当前 输出 了 第 5 行 
当前 输出 了 第 6 行 
当前 输出 了 第 7 行 
当前 输出 了 第 8 行 
当前 输出 了 第 9 行 


图 4-1 Response. End 方法 


Redirect 方法 通常 用 于 页 面 跳 转 ,示例 代码 如 下 所 示 。 执 行 下 述 代码 ,将 会 跳 转 到 相应 
的 URL, 


Response.Redi rect ("http://www.sina.oom") ; 


4.3.2 Request 对 象 


Request 对 象 是 HttpRequest 类 的 一 个 实例 , Request 对 象 用 于 读 取 客户 端 在 Web 请 
求 期 间 发 送 的 HTTP fii. Request 对 象 常用 的 属性 如 下 。 

。 QueryString: 获取 HTTP 查询 字符 串 变 量 的 集合 。 

* Path; 获取 当前 请 求 的 虚拟 路 径 。 

e UserHostAddress: 获取 远程 客户 端 IP 主机 的 地 址 。 

。 Browser: 获取 有 关 正 在 请 求 的 客户 端的 浏览 器 功能 的 信息 。 
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1. QueryString: 请 求 参数 

QueryString 属性 是 用 来 获取 HTTP 查询 字符 串 变量 的 集合 ,通过 QueryString 属性 
能 够 获取 页 面 传递 的 参数 。 在 超 链接 中 ,往往 需要 从 一 个 页 面 跳 转 到 另外 一 个 页 面 , 跳 转 的 
页 面 需要 获取 HTTP 值 来 进行 相应 的 操作 ,例如 新 闻 页 面 的 news. aspx? id 二 1。 为 了 获取 
传递 过 来 的 id 的 值 , 则 可 以 使 用 Request 的 QueryString 属性 ,示例 代码 如 下 。 


protected void Page Load(doject sender, EventArgs e) 
{ 
if (! String.IsNullOr&mpty (Request .QueryString["id"])) 
// 如 果 传 递 的 记 值 不 为 空 
t 
Labell.Text- Request .QueryString ["id"] ; 
// 将 传递 的 值 赋予 标签 中 
) 
else 
t 
Iabell.Text- "it 4 flc xí (4 ffi"; 
// 提 示 没 有 传递 的 值 
) 
if (! String.IsNullOrEmpty (Request .QueryString["type"]) ) 
// 如 果 传 递 的 type 值 不 为 空 
{ 
Label2.Text- Request .QueryString["type"] ; 
// 获 取 传 递 的 type 值 


else 


Iabel2.Text= "没有 传递 的 值 "; 
// 无 值 时 进行 相应 的 编码 


} 


上 述 代 码 使 用 Request 的 QueryString 属性 来 接受 传递 的 HTTP 值 , 当 访问 页 面 路 径 为 
“http://localhost:29867/Default. aspx” 时 ,默认 传递 的 参数 为 空 ,因为 其 路 径 中 没有 对 参数 的 
访问 。 而 “http://localhost:29867/Default. aspx? id— 1 &type— QueryString&-action— get” 访 问 
路 径 显示 该 地 址 传递 了 三 个 参数 ,分 别 为 id— 1.type— QueryString 以 及 action— get. 

2. Path; 获取 路 径 

通过 使 用 Path 的 方法 可 以 获取 当前 请 求 的 虚拟 路 径 ,示例 代码 如 下 所 示 。 


Iabel3.Text= Request .Fath.ToString() ; 


当 在 应 用 程序 开发 中 使 用 Request. Path. ToString() 时 ,就 能 够 获取 当前 正在 被 请 求 的 
文件 的 虚拟 路 径 的 值 。 当 需要 对 相应 的 文件 进行 操作 时 ,可 以 使 用 Request. Path 的 信息 进 
行 判断 。 

3. UserHostAddress: 获取 IP 记录 

通过 使 用 UserHostAddress 的 方法 ,可 以 获取 远程 客户 端 IP. 主机 的 地 址 ,示例 代码 如 
下 所 示 。 
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Label4.Text- Request .UserHostAddress; 


在 客户 端 主机 IP 统计 和 判断 中 ,可 以 使 用 Request. UserHostAddress 进行 IP 统计 和 
判断 。 在 有 些 系统 中 ,需要 对 来 访 的 IP 进行 筛选 ,使 用 Request. UserHostAddress 就 能 够 
轻松 地 判断 用 户 IP 并 进行 筛选 操作 。 

4. Browser: 获取 浏览 器 信息 

通过 使 用 Browser 的 方法 ,可 以 判断 正在 浏览 网 站 的 客户 端 浏览 器 的 版 本 ,以 及 浏览 器 
的 一 些 信 息 ,示例 代码 如 下 所 示 o 


Iabel5.Text- Reguest.Browser.Type.ToString() ; 


这 些 属性 能 够 获取 服务 器 和 客户 端的 相应 信息 ,也 可 以 通过 “?” 号 进行 HTTP 值 的 传 
递 和 获取 ,上 述 代码 运行 结果 如 图 4-2 所 示 。 


/从 无 标题 页 - Windows Internet Explorer 


N R emmm ORIN E: EE Ü 


QueryString 

获取 传递 的 参数 id 1 获取 传递 的 参数 QueryString QueryString 
Path 

/Default aspx 


UserHostAddress 
127.0.0.1 


Browser 


IE7 


zu 
[ [E E D OD ER ae | feel: RS [Ax ”用 


图 4-2 Request XI 


Request 不 仅 包括 这 些 常用 的 属性 ,还 包括 其 他 属性 ,例如 用 于 获取 当前 目录 在 服务 器 
虚拟 主机 中 的 绝对 路 径 ( 如 ApplicationPath)。 另 外 ,开发 人 员 也 可 以 使 用 Request 中 的 
Form 属性 进行 页 面 中 窗 体 的 值 集合 的 获取 。 

Di ml 1: 建立 如 图 4-3 所 示 的 界面 .在 列表 框 中 显示 获得 客户 端的 信息 。 

CD 如 图 4-3 所 示 , 使 用 一 个 层 和 一 个 1 行 2 列 的 表格 进行 布局 ,布局 结束 后 拖 动 一 个 
RadioButtonList 控件 置 于 布局 表格 的 左 侧 ,通过 RadioButtonList 的 集合 编辑 器 为 
RadioButtonList 添加 5 个 选项 ,并 将 RadioButtonList 控件 的 AutoPostBack 属性 设 为 
True。 拖 动 一 个 ListBox 控件 和 一 个 Label 控件 到 布局 表格 的 右 侧 ,将 Label 控件 的 Text 
属性 设置 为 "来访 者 相关 信息 ”。 

© 本 例 中 仅 有 RadioButtonList 控件 需要 编写 代码 。 双 击 RadioButtonList 控件 ,切换 
到 代码 文件 , 即 进 入 代码 编写 环境 ,输入 下 列 代码 。 


protected void RadicButtonListl SelectedIndexchanged (Gbject sender, EventArgs e) 
t 


inti; 
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I 


F ASN - Microsoft Internet Explorer 


ABl x| 


| 文件 (E) ”编辑 (E) SEV KAA IRD HH 
| icto) fÆ) http:ihiocalhost:2124jsun3_1 jsun3_1.aspx -] es 


来 访 者 相关 信息 


casses [Zom 


C 来 访 者 信息 System. String[] 


C 来 访 者 主机 信息 Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 2.0.50727) 


:] /sun3 1/Default.aspx 
个 浏览 器 摄 妇 IIE 类 型 。 System Text. UTFBEncoding 


个 来 芒 者 HTTP 头 信息 


CHIPESTERB 


图 4-3 获取 来 访 者 的 浏览 器 信息 示例 


switch (RadicButtonListl.SelectedIndex) 


i 


case 0: 


{ 


ListBoxl.Items.Clear(); 
ListBoxl.Items.Acd (Request .Browser.Beta .ToString () ) ; 
ListBoxl.Items.Acd (Request . Browser .Version.ToString() ) ; 
ListBoxl.Items.Acd (Request .Browser.Platform.ToString()); 
ListBoxl.Items.Acd (Request. . Browser .Cookies .ToString() ) 
ListBoxl.Items.Acd (Request . Browser .ActiveXControls.ToString () ) ; 
listBoxl.Items.Acd (Request . Browser .Type..ToString () ) ; 
listBoxl.Items.Acd (Request . Browser .Cl rVersion.ToString()) ; 
break; 


) 

case 1: 

{ 
listBoxl.Items.Clear(); 
listBoxl.Items.Acd (Request .Url Referrer.Port.ToString()) ; 
ListBoxl.Items.Acd (Request .UrlReferrer.Authority.ToString() ) 
listBoxl.Items.Acd (Request .Url Referrer.AbsolutePath.ToString() ) 
listBoxl.Items.Acd (Request .UrlReferrer.Host.ToString()) ; 
ListBoxl.Items.Acd (Request .Url Referrer.HostNameType..ToString() ) ; 
ListBoxl.Items.Zcti (Request .Url Referrer.UserInfo.ToString()) ; 
break; 

) 

case 2: 

t 


ListBoxl.Items.Clear() ; 
ListBoxl.Items.Ack (Request .UsertostAddress.ToString ()) ; 
ListBoxl.Items.Acd (Request .UserHostName. ToString () ) ; 
listBoxl.Items.Acd (Request .UserLanguages [0] -ToString ())7 
ListBoxl.Ttems.Ack (Request .UserAgent .ToString () ) ; 
ListBoxl.Items.Acd (Request .Path.ToString () ) ; 

ListBox1. Items .Add (Request..ContentEncoding. ToString () ) ; 
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i= Request .AcceptTypes .GetUpgperBound (0) ; 
ListBoxl.Items.Clear(); 
while (i» 0) 
i 
ListBoxl.Items.Acd (Request .Acoept Types []) 


i=i-1; 


i= Request.Headers.Count- 1; 
ListBoxl.Items.Clear(); 
while (i»0) 
t 
ListBoxl.Items.Acd (Request . Headers [i]) ; 
i=i-l1; 
} 
break; 
} 
case 5: 


t 
listBoxl.Items.Clear(); 
listBoxl.Items.Acd (Request .QueryString["ID"]) ; 
ListBoxl.Items.Acd (Request .QueryString ["Name"]) ; 
Break 


} 


本 例 switch 语句 中 有 5 个 case 语句 ,分 别 用 来 在 列表 框 中 显示 浏览 器 信息 .来 访 者 信 
息 、 来 访 者 主机 信息 、 浏 览 器 接收 的 MIME 类 型 和 来 访 者 HTTP 头 信息 。 在 switch 语句 块 
的 每 个 case 语句 中 必须 包含 一 个 break 语句 。 


4.3.3 Session 对象 


Session 对 象 是 HttpSessionState 的 一 个 实例 ,Session 是 用 来 存储 跨 页 程序 的 变量 或 
对 象 ,功能 基本 同 Application 对 象 一 样 。 但 是 Session 对 象 的 特性 与 Application 对 象 不 
IH], Session 对 象 变量 只 针对 单一 网 页 的 使 用 者 ,这 也 就 是 说 各 个 机 器 之 间 的 Session 的 对 
象 不 尽 相 同 。 

例如 用 户 A 和 用 户 B, 当 用 户 A 访问 该 Web 应 用 时 ,应 用 程序 可 以 显 式 地 为 该 用 户 增 
加 一 个 Session 值 , 同 时 用 户 B 访问 该 Web 应 用 时 ,应 用 程序 同样 可 以 为 用 户 B 增加 一 个 
Session 值 。 但 是 与 Application 不 同 的 是 ,用 户 A 无 法 存 取 用 户 B 的 Session fti. HH? B tE 
无 法 存 取 用 户 A 的 Session f. Application 对 象 终 止 于 IIS 服务 停止 时 .但 是 Session 对 象 
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变量 终止 于 联机 机 器 离线 时 ,也 就 是 说 当 网 页 使 用 者 关闭 浏览 器 或 者 网 页 使 用 者 在 页 面 进 
行 的 操作 时 间 超 过 系统 规定 时 ,Session 对 象 将 会 自动 注销 。 
1. Session 对 象 的 特性 
Session 对 象 常用 的 属性 如 下 。 
e IsNewSession: 如 果 用 户 访问 页 面 时 创建 了 新 会 话 , 则 此 属性 将 返回 true, d DU 
回 false。 
* TimeOut: 传 回 或 设置 Session 对 象 变量 的 有 效 时 间 , 如 果 在 有 效 时 间 内 没有 任何 
客户 端 动作 , 则 会 自动 注销 。 
Session 对 象 常用 的 方法 如 下 。 
* Add: 创建 一 个 Session 对 象 。 
。 Abandon: 该 方法 用 来 结束 当前 会 话 并 清除 对 话 中 的 所 有 信息 ,如 果 用 户 重新 访问 
页 面 , 则 可 以 创建 新 会 话 。 
。 Clear: 此 方法 将 清除 全 部 的 Session 对 象 变量 ,但 不 结束 会 话 。 
Session 对 象 可 以 不 需要 Add 方法 进行 创建 ,直接 使 用 “Session[ " ZE fit " ] = 2e fit f" 
的 语法 也 可 以 进行 Session 对 象 的 创建 。 
2. Session 对 象 的 使 用 
Session 对 象 可 以 用 于 安全 性 较 高 的 场合 ,例如 后 台 登 录 。 在 后 台 登 录 的 制作 过 程 中 ， 
管理 员 拥 有 一 定 的 操作 时 间 ,而 如 果 管 理 员 在 这 段 时 间 不 进行 任何 操作 ,为 了 保证 安全 性 ， 
后 台 将 自动 注销 ,如 果 管 理 员 需 要 再 次 进行 操作 , 则 需要 再 次 登录 。 在 管理 员 登 录 时 ,如 果 
登录 成 功 , 则 需要 给 管理 员 一 个 Session 对 象 ,示例 代码 如 下 所 示 。 


protected void Buttonl Click(object sender, EventArgs e) 
t 

Session["admin"]- "michael"; 

Response.Redi rect ("default.aspx"); 
H 


当 管理 员 单 击 * 注 销 ?按钮 时 , 则 会 注销 Session 对 象 并 提示 再 次 登录 ,示例 代码 如 下 所 示 。 


protected void Button2 Click (cbject sender, EventArgs e) 
{ 

Session.Clear(); 
) 


在 Page Load 方法 中 ,可 以 判断 是 否 已 经 存在 Session 对 象 。 如 果 存 在 Session 对 象 ， 
则 说 明 管 理 员 当 前 的 权限 是 正常 的 ;而 如 果 不 存在 Session 对 象 , 则 说 明 当 前 管理 员 的 权限 
可 能 是 错误 的 ,或 者 是 非法 用 户 正 在 访问 该 页 面 ,示例 代码 如 下 所 示 。 


protected void Page Load (cbject sender, EventArgs e) 
t 
if (Session["admin"] ! =null) 
1 
if (String.IsNullOrRmpty (Session ["admin'"'] .Tostring () ) ) 
t 
Buttonl.Visible- true; 
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Buttor2.Visible- false; 
//Response.Redirect ("admin login.aspx"); 


上 述 代 码 当 管理 员 没 有 登录 时 , 则 会 出 现 “ 登 录 ” 按 钮 。 如 果 登 录 了 并 存在 Session 对 
象 , 则 “登录 ”按钮 被 隐藏 ,只 显示 “注销 ”按钮 。 


4.3.4 Server 对 象 


Server 对 象 是 HttpServerUtility 的 一 个 实例 ,该 对 象 可 以 对 服务 器 上 的 方法 和 属性 进 
行 访问 。 

1. Server 对 象 的 常用 属性 

Server 对 象 的 常用 属性 如 下 所 示 。 

。 MachineName: 获取 远程 服务 器 的 名 称 。 

。 ScriptTimeout: 获取 和 设置 “请 求 超时 ”的 信息 。 

2. Server 对 象 的 常用 方法 

Server 对 象 的 常用 方法 如 下 所 示 。 

。 CreateObject: 创建 COM 对 象 的 一 个 服务 器 实例 。 

* Execute: 使 用 另 一 个 页 面 执行 当前 请 求 。 

* Transfer: 终止 当前 页 面 的 执行 ,并 为 当前 请 求 开始 执行 新 页 面 。 

* HtmlDecode: 对 已 编码 且 消 除了 HTML 无 效 字 符 的 字符 串 进行 解码 。 

* HtmlEncode: 对 要 在 浏览 器 中 显示 的 字符 串 进行 编码 。 

。 MapPath: 返回 与 Web 服务 器 上 的 执行 虚拟 路 径 相 对 应 的 物理 文件 路 径 。 

。 UrlDecode: 对 字符 串 进 行 解码 ,该 字符 串 是 为 了 进行 HTTP 传输 而 进行 了 编码 ,并 

在 URL 中 发 送 到 服务 器 。 
* UrlEncode: 编码 字符 串 ,以 便 通 过 URL 从 Web 服务 器 到 客户 端 浏 览 器 进行 字符 
LII OM 

在 创建 文件 .删除 文件 或 者 读 取 文件 类 型 的 数据 库 时 (如 Access 和 SQLite? ,都 需要 指 
定 文件 的 路 径 并 显 式 地 提供 物理 路 径 执行 文件 的 操作 ,如 D:\Program Files。 但 是 这 样 做 
却 暴 露 了 物理 路 径 。 如 果 有 非法 用 户 进 行 非法 操作 ,很 容易 就 显示 了 物理 路 径 , 这 样 就 造成 
了 安全 问题 。 而 如 果 在 使 用 文件 和 创建 文件 时 ,如 果 一 定 要 为 创建 文件 的 保存 地 址 设置 一 
个 物理 路 径 , 这 样 非常 不 方便 ,并 且 用 户 体验 也 不 好 。 当 用 户 需要 上 传 文件 时 ,用 户 不 可 能 
知道 也 不 应 该 知道 服务 器 路 径 。 使 用 MapPath 方法 能 够 获取 相应 路 径 。MapPath 方法 以 
“/” 开 头 , 则 返回 Web 应 用 程序 的 根 目录 所 在 的 路 径 ; 若 MapPath 方法 以 “../ "开头 , 则 会 
从 当前 目录 开始 寻找 上 级 目录 ,如 图 4-4 所 示 ,而 其 实际 服务 器 路 径 如 图 4-5 所 示 。 
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图 4-4 MapPath 示意 图 图 4-5 服务 器 路 径 


在 图 4-4 所 示 ,其 中 论坛 根 目录 为 root, 在 根 目录 下 有 一 个 文件 夹 为 filel ,在 filel 中 的 
文件 可 以 使 用 MapPath 访问 根 目 录 中 文件 的 方法 有 Server. MapPath(".. /文件 名 称 ") 或 
Server. MapPath("/ 文 件 名 称 ") ,示例 代码 如 下 所 示 。 

string FilePath- Server.MapPath (". ./Default.aspx") ; 

// 设 置 路 径 

string FileRootPath- Server.MapPath ("/Default .aspx') ; 

// 设 置 路 径 

Server. MapPath 其 实 返回 的 是 物理 路 径 , 但 是 通过 MapPath 进行 封装 后 ,再 通过 代码 就 
无 法 看 见 真 实 的 物理 路 径 了 , 若 需要 知道 真实 的 物理 路 径 ,只 需 输 出 Server. MapPath 即 可 。 


4.3.5 Cookie 对 象 


Session 对 象 能 够 保存 用 户 信 息 , 但 是 Session 对 象 并 不 能 够 持久 地 保存 用 户 信息 , 当 
用 户 在 限定 时 间 内 没有 任何 操作 时 ,用户 的 Session 对 象 将 被 注销 和 清除 ,在 持久 化 保存 用 
户 信息 时 ,Session 对 象 并 不 适用 。 

1. Cookie 对 象 

使 用 Cookie 对 象 能 够 持久 化 地 保存 用 户 信 息 , 相 对 于 Session 对 象 和 Application 对 象 
而 言 ,Cookie 对 象 保存 在 客户 端 ,而 Session 对 象 和 Application 对 象 保存 在 服务 器 端 , 所 以 
Cookie 对 象 能 够 长 期 保存 。Web 应 用 程序 可 以 通过 获取 客户 端的 Cookie 值 并 判断 用 户 的 
身份 来 进行 认证 。ASP. NET 内 包含 两 个 内 部 的 Cookie 集合 ,通过 HttpRequest 的 
Cookies 集合 可 以 访问 客户 端 信息 。Cookie 不 是 Page 类 的 子 类 ,所 以 用 法 与 Session 和 
Application 不 同 。 相 对 于 Session 和 Application 而 言 ,Cookie 的 优点 如 下 。 

。 可 以 配置 到 期 结束 的 规则 : Cookie 可 以 在 浏览 器 会 话 结束 后 立即 到 期 ,也 可 以 在 客 

户 端 中 无 限 保存 。 

。 简单 : Cookie 是 一 种 基于 文本 的 轻 量 级 结构 ,包括 简单 的 键 值 对 。 

。 数据 持久 性 : Cookie 能 够 在 客户 端 上 长 期 进行 数据 的 保存 。 

。 无 需 任 何 服务 器 资源 : Cookie 只 存储 在 本 地 客户 端 中 。 

虽然 Cookie 包括 若干 优点 ,这 些 优点 能 够 弥补 Session 对 象 和 Application 对 象 的 不 
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足 , 但 是 Cookie 对 象 同样 有 缺点 ,Cookie 的 缺点 如 下 。 
* 大 小 限制 : Cookie 有 大 小 限制 ,同时 不 能 无 限 保存 Cookie 文件 。 
* 不 确定 性 : 如 果 客 户 端 禁 用 Cookie 配置 , 则 Web 应 用 中 使 用 的 Cookie 将 被 限制 ， 
客户 端 将 无 法 保存 Cookie。 
。 安全 风险 : 现在 有 很 多 的 软件 能 够 伪装 成 Cookie, 这 意味 着 保存 在 本 地 的 Cookie 
并 不 安全 ,同时 会 导致 Web 应 用 在 认证 用 户 权 限时 出 现 错误 。 
Cookie 是 一 个 轻 量 级 的 内 置 对 象 ,Cookie 并 不 能 将 复杂 和 庞大 的 文本 进行 存储 ,在 进 
行 相应 的 信息 或 状态 的 存储 时 ,应 该 考虑 Cookie 的 大 小 限制 和 不 确定 性 。 
2. Cookie 对 象 的 属性 
Cookie 对 象 的 属性 如 下 。 
。 Name: 获取 或 设置 Cookie 的 名 称 。 
。 Value: 获取 或 设置 Cookie 的 值 。 
。 Expires: 获取 或 设置 Cookie 过 期 的 日 期 和 事件 。 
* Version; 获取 或 设置 Cookie 符合 HTTP 维护 状态 的 版 本 。 
3. Cookie 对 象 的 方法 
Cookie 对 象 的 方法 如 下 。 
* Add: 增加 Cookie 变量 。 
* Clear: 清除 Cookie 集合 内 的 变量 。 
。 Get: 通过 变量 名 称 或 索引 得 到 Cookie 的 变量 值 。 
* Remove: 通过 Cookie 变量 名 称 或 索引 删除 Cookie 对 象 。 
4. 创建 Cookie 对 象 
通过 Add 方法 能 够 创建 一 个 Cookie 对 象 ,并 通过 Expires 属性 设置 Cookie 对 象 在 客 
户 端 中 所 持续 的 时 间 ,示例 代码 如 下 。 


HttpCookie MyCookie- new HttpCookie ("MyCookie ") ; 
MyCookie.Value- Server.HtmlEncode ("Cookie JW FH] f& HF ") ; 
// 设 置 Cookie fff ft 

MyCookie.Expires- DateTime.Now.AddDays (6) ; 

// 设 置 cookie 过 期 的 时 间 

Response.AppendCookie (MyCookie) ; 

// 新 增 Cookie 


上 述 代码 创建 了 一 个 名 称 为 MyCookie 的 Cookies, 上 述 代 码 通过 使 用 Response 对 象 
的 AppendCookie 方法 进行 Cookie 对 象 的 创建 。 

5. 获取 Cookie 对 象 

Web 应 用 在 客户 端 浏览 器 创建 Cookie 对 象 之 后 ,可 以 通过 Cookie 的 方法 读 取 客 户 端 
中 保存 的 Cookies 信息 ,示例 代码 如 下 。 


protected void Page Ioad(doject sender, EventArgs e) 


HttpCookie MyCookie- new HttpCookie ("MyCookie "); 
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MyCookie.Value- Server .HtmlEncode ("$R flf] Cookie 应 用 程序 "); 

MyCookie.Expi res- DateTime.Now.AckiDays (5) ; 

Response.ArpendCookie (MyCookie) ; 

Response Write ("Cookies 创建 成 功 "); 

Response.Write("<hr/> 获 取 cockie 的 值 <hr/>"); 

HttpCookie GetCookie- Request .Cookies ["MyCookie"]; 

Response Write ("Cookies 的 值 :" + GetCookie.Value.ToString () 
+ "<br/>"); /输出 Cookie 值 

Response.Write ("Cookies 的 过 期 时 间 :" + 
GetCookie.Expires.ToString() + "<br/> "); 


catch 
i 
Response.Write ("Cookies 创建 失败 "); 
} 
} 
上 述 代 码 创 建 了 一 个 Cookie 对 象 之 后 ,立即 获取 刚才 创建 的 Cookie 对 象 的 值 和 过 期 
时 间 。 使 用 Request. Cookies 方法 可 以 通过 Cookie 对 象 的 名 称 或 者 索引 获取 Cookie 的 值 。 
在 一 些 网 站 或 论坛 中 经 常用 到 Cookie. 当 用 户 浏览 并 登录 网 站 后 ,如 果 用 户 浏 览 完毕 并 退 
出 网 站 时 , Web 应 用 可 以 通过 Cookie 方法 对 用 户 信 息 进行 保存 。 当 用 户 再 次 登录 时 ,可 以 
直接 获取 客户 端的 Cookie 值 而 无 需 用 户 再 次 进行 登录 操作 。 


4.3.6 ASP.NET AJAX 


现今 ,在 Web 开发 领域 最 流行 的 就 属于 AJAX, AJAX 能 够 提升 用 户 体验 ,更 加 方便 地 与 
Web 应 用 程序 进行 交互 。 在 传统 的 Web 开发 中 ,对 页 面 进行 操作 往往 需要 进行 “ 回 发 ", 从 而 
导致 页 面 刷新 ,而 使 用 AJAX 就 无 需 产 生 * 回 发 "从 而 实现 无 刷新 效果 。 在 C/S 应 用 程序 的 开 
发 过 程 中 ,很 容易 做 到 无 “刷新 "样式 控制 ,因为 C/S 应 用 程序 往往 是 安装 在 本 地 的 ,所 以 C/S 
应 用 程序 能 够 维持 客户 端 状态 ,对 于 状态 的 改变 能 够 及 时 捕捉 。 相 比 之 下 ,Web 应 用 属于 一 种 
无 状态 的 应 用 程序 ,在 Web 应 用 程序 操作 过 程 中 ,需要 通过 POST 等 方法 进行 页 面 参 数 传递 ， 
这 样 就 不 可 避免 地 产生 页 面 的 刷新 。 在 传统 的 Web 开发 过 程 中 ,浏览 者 浏览 一 个 Web 页 面 
并 进行 相应 的 页 面 填写 时 ,就 需要 使 用 表单 向 服务 器 提交 信息 。 当 用 户 提交 表单 时 ,就 不 可 避 
免 地 会 向 服务 器 发 送 了 一 个 请 求 ,服务 器 接受 该 请 求 并 执行 相应 的 操作 后 ,将 生成 一 个 页 面 返 
回 给 浏览 者 。 然 而 ,在 服务 器 处 理 表单 并 返回 新 的 页 面 的 同时 ,浏览 者 第 一 次 浏览 时 的 页 面 
(这 里 可 以 当 作 是 旧 的 页 面 ) 和 服务 器 处 理 表单 后 返回 的 页 面 在 形式 上 基本 相同 , 当 大 量 的 用 
户 进行 表单 提交 操作 时 ,无 疑 增加 了 网 络 的 带宽 ,因为 处 理 前 和 处 理 后 的 页 面 基本 相同 。 

在 C/S 应 用 程序 开发 中 ,C/S 应 用 程序 往往 安装 在 本 地 ,这 样 响应 用 户 事件 的 时 间 非 
常 短 ,而 且 C/S 应 用 程序 能 够 及 时 捕捉 相应 用 户 的 操作 ,而 在 Web 端 ,由 于 每 次 的 交互 都 
需要 向 服务 器 发 送 请 求 , 服 务 器 接受 请 求 和 返回 请 求 的 过 程 就 依赖 于 服务 器 的 响应 时 间 ,所 
以 给 用 户 的 感觉 是 访问 速度 比 在 本 地 慢 得 多 。 为 了 解决 这 一 问题 ,可 以 在 用 户 浏览 器 和 服 
务 器 之 间 设 计 一 个 中 间 层 一 AJAX 层 。AJAX 改变 了 传统 的 Web 中 客户 端 和 服务 器 的 
“请 求 一 等 待 一 请 求 一 等 待 "的 模式 ,通过 使 用 AJAX 应 用 向 服务 器 发 送 和 接收 需要 的 数 
据 , 从 而 不 会 产生 页 面 的 刷新 。AJAX 应 用 通过 使 用 SOAP 或 其 他 一 些 基于 XML 的 
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Web Service 接口 ,并 在 客户 端 采用 JavaScript 处 理 来 自 服务 器 的 响应 ,减少 了 服务 器 和 浏 
览 器 之 间 的 “请 求 一 回 发 ?操作 ,从 而 减少 了 带宽 。 当 服务 器 和 客户 端 之 间 的 信息 通信 减少 
之 后 ,浏览 者 就 会 感觉 到 Web 应 用 中 的 操作 就 更 快 了 。AJAX 将 一 些 应 用 的 处 理 交付 给 客 
户 端 , 让 服务 器 端 原本 应 该 运行 的 操作 和 需要 处 理 的 事务 分 布 给 客户 端 ,这 样 服务 器 端的 处 
理 时 间 也 减少 了 。 

相对 于 传统 的 Web 开发 ,AJAX 提供 了 更 好 的 用 户 体 验 ,AJAX 也 提供 了 较 好 的 Web 
应 用 交互 的 解决 方案 。AJAX 的 核心 是 JavaScript 对 象 XmlHttpRequest。 该 对 象 在 
Internet Explorer 5 中 就 被 引入 了 , 它 是 一 种 支持 异步 请 求 的 技术 。 简 而 言 之 ， 
XmlHttpRequest 使 用 户 可 以 使 用 JavaScript 向 服务 器 提出 请 求 并 人 处理 响 应 ,而 不 会 影响 客 
户 端 的 信息 通信 。 传 统 的 Web 应 用 和 AJAX 应 用 模型 如 图 4-6 所 示 。 

AJAX Web 应 用 模型 的 优点 在 于 ,无 需 进 行 整个 页 面 的 回 发 就 能 够 进行 局 部 的 更 新 ， 
这 样 能 够 使 Web 服务 器 能 够 尽快 地 响应 用 户 的 要 求 。 而 AJAX Web 应 用 无 需 安装 任何 插 
件 ,也 无 需 在 Web 服务 器 中 安装 应 用 程序 ,但 是 AJAX 需要 用 户 允 许 JavaScript 在 浏览 器 
上 执行 ,如 图 用 户 不 允许 JavaScript 在 浏览 器 上 执行 , 则 AJAX 可 能 无 法 运行 。AJAX 技术 
看 似 非常 复杂 ,其实 AJAX 并 不 是 新 技术 ,AJAX 只 是 一 些 老 技 术 的 混合 体 ,AJAX 通过 将 
这 些 技术 进行 一 定 的 修改 .整合 ,就 形成 了 AJAX 技术 。 这 些 老 技术 包括 XHTML,CSS, 
DOM, JavaScript XML 等 编程 技术 。 上 面 的 这 些 技术 并 不 是 最 新 的 技术 ,这 些 技术 已 经 在 
现在 的 开发 中 被 普遍 使 用 ,包括 XHTML CSS 和 DOM ,开发 人 员 能 够 使 用 JavaScript 进行 
Web 应 用 中 Web 编程 和 客户 端 状态 维护 ,而 通过 使 用 XML 技术 能 够 进行 数据 保存 和 交 
换 。 除 了 上 面 的 一 些 老 技术 , AJAX 还 包含 男 一 次 技术 ,这 次 技术 就 是 XMLHttpRequest。 
在 AJAX 中 ,最 重要 的 就 是 XMLHttpRequest 对 象 ,XMLHttpRequest 对 象 是 JavaScript 
对 象 , 正 是 XMLHttpRequest 对 象 使 AJAX 可 以 在 服务 器 和 浏览 器 之 间 通 过 JavaScript 创 
建 一 个 中 间 层 ,从 而 实现 了 异步 通信 ,如 图 4-7 所 示 。 


用 户 接口 
客户 端 浏览 器 AJAX 引 擎 
户 接口 客户 端 浏 览 器 
| E 
| a 信 > | 服 | 服 
Web Server Web and/or XML 端 H >S. 务 | 务 
SE % | 号 器 | 器 
I pi ky 引 | 中 系 | 应 
datastores, backend datastores, backend E: % i 统 | 用 
服务 器 端 服务 器 端 Ls 
传统 的 Web 应 用 模型 AJAX Web 应 用 模型 XMLHttpRequest 对 象 
图 4-6 传统 Web 应 用 和 AJAX Web 应 用 模型 图 4-7 XMLHttpRequest 对 象 的 实现 过 程 
AJAX 通过 使 用 XMLHttpRequest 对 象 实现 异步 通信 。 使 用 AJAX 技术 后 ,例如 当 用 


户 填写 一 个 表单 ,数据 并 不 是 直接 从 客户 端 发 送 到 服务 器 ,而 是 通过 客户 端 发 送 到 一 个 中 间 
层 ,这 个 中 间 层 可 以 被 称 为 AJAX 引擎 。 开 发 人 员 无 需 知道 AJAX 引擎 是 如 何 将 数据 发 送 
到 服务 器 的 。 当 AJAX 引擎 将 数据 发 送 到 服务 器 时 ,服务 器 同样 也 不 会 直接 将 数据 返回 给 
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浏览 器 ,而 是 通过 JavaScript 中 间 层 将 数据 返回 给 客户 端 浏 览 器 。XMLHttpRequest 对 象 
使 用 JavaScript 代码 可 以 自行 与 服务 器 进行 交互 。 在 ASP. NET 2.0 中 ,AJAX 需要 下 载 
和 安装 ,开发 人 员 还 需要 将 相应 的 DLL 文件 分 类 存放 并 配置 Web. config 文件 才能 够 实现 
AJAX 功能 。 而 在 ASP. NET4.0 中 ,AJAX 已 经 成 为 . NET 框架 的 原生 功能 ,可 以 直接 拖 
动 AJAX 控件 进行 AJAX 开发 。AJAX 能 够 同 普通 控件 一 起 使 用 ,从 而 实现 ASP. NET 4.0 
AJAX 中 页 面 无 刷新 功能 。 虽 然 AJAX 的 原理 听 上 去 非常 复杂 ,但 是 AJAX 的 使 用 却 是 非常 
方便 。ASP. NET 4. 0 提供 了 AJAX 控件 以 便 开 发 人 员 快 速 地 进行 AJAX 应 用 程序 开发 。 在 
进行 AJAX 页 面 开发 时 ,首先 需要 使 用 脚本 管理 控件 (ScriptManger) ,示例 代码 如 下 所 示 。 

< asp:ScriptManager ID= "ScriptManagerl" runat- "server" 

< /asp:ScriptManager» 

开发 人 员 无 需 对 ScriptManger 控件 进行 配置 , 只 需 保 证 ScriptManger 控件 在 
UpdatePanel 控件 之 前 即 可 。 使 用 了 ScriptManger 控件 之 后 ,可 以 使 用 UpdatePanel 来 确 
定 需 要 进行 局 部 更 新 的 控件 ,示例 代码 如 下 所 示 。 

< form iœ "formi" runat- "server"> 

< asp:ScriptManager ID= "ScriptManagerl" runat- "server" 
< /asp:ScriptManager» 
< asp:UpdatePanel ID= "updatePanell" runat= "server" 
< Content'Tenplate» 
«div 
< asp:TextBox ID= "TextBox1" runat- "server"> < /asp:TextBox» 
« asp:Button ID- "Buttonl" runat- "server" 
Text- "得 到 当前 时 间 " onclick "Buttonl Click" /> 
« /div» 
< /Gontent Template» 
< /asp:UpdatePanel» 

< /fomi» 

上 述 代 码 使 用 了 UpdatePanel 控件 将 服务 器 控件 进行 绑 定 , 当 浏 览 者 操作 
UpdatePanel 控件 中 的 控件 实现 某 种 特定 的 功能 时 ,页 面 只 会 针对 UpdatePanel 控件 之 间 
的 控件 进行 刷新 操作 ,而 不 会 进行 这 个 页 面 的 刷新 。 使 用 UpdatePanel 控件 后 , 当 单 击 “得 
到 当前 时 间 ” 按 钮 ,页 面 只 会 针对 UpdatePanel 控件 内 的 内 容 进行 更 新 , 而 不 会 影响 
UpdatePanel 控件 外 的 控件 ,运行 后 如 图 4-8 所 示 。 
Ehttp://localhost:5622/AJAXDENO/Default. aspx — Tindows Internet Explorer 
GO B Http //1ocsthost O Z| Alés] Ø Tocht x A ES 
Borueno 151932 MASNA 


图 4-8 得 到 当前 时 间 
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在 ASP. NET 4.0 中 ,系统 提供 了 AJAX 控件 以 便 开 发 人 员 能 够 在 ASP. NET 4.0 中 
进行 AJAX 应 用 程序 开发 ,通过 使 用 AJAX 控件 能 够 减少 大 量 的 代码 开发 ,为 开发 人 员 提 
Bt Y AJAX 应 用 程序 搭建 和 应 用 的 绝 佳 环境 。 

1. 脚本 管理 控件 (ScriptManger) 

脚本 管理 控件 (ScriptManger) 是 ASP. NET AJAX 中 非常 重要 的 控件 ,通过 使 用 
ScriptManger, 能 够 进行 整个 页 面 局 部 更 新 的 管理 。ScriptManger 用 来 处 理 页 面 上 局 部 的 
更 新 ,同时 生成 相关 的 代理 脚本 以 便 能 够 通过 JavaScript 访问 Web Service。ScriptManger 
只 能 在 页 面 中 被 使 用 一 次 ,这 也 就 是 说 每 个 页 面 只 能 使 用 一 个 ScriptManger 控件 ， 
ScriptManger 控件 用 来 进行 该 页 面 的 全 局 管理 。ScriptManger 控件 的 常用 属性 如 下 所 示 。 

* AllowCustomErrorRedirect: 指明 在 异步 回 发 过 程 中 是 否 进 行 自 定义 错误 重 定向 。 

。 AsyncPostBackTimeout: 指定 异步 回 发 的 超时 事件 ,默认 为 90 秒 。 

* EnablePageMethods; 是 否 启用 页 面 方法 ,默认 值 为 Flase。 

* EnablePartialRendering: 在 支持 的 浏览 器 上 为 UpdatePanel 控件 启用 异步 回 发 。 

默认 值 为 True。 

。 LoadScriptsBeforeUI: 指定 在 浏览 器 中 呈现 UI 之 前 是 否 应 加 载 脚本 引用 。 

* ScriptMode: 指定 要 在 多 个 类 型 时 可 加 载 的 脚本 类 型 ,默认 为 Auto。 

在 AJAX 应 用 中 ,ScriptManger 控件 基本 不 需要 配置 就 能 够 使 用 。 因 为 ScriptManger 
控件 通常 需要 同 其 他 AJAX 控件 搭配 使 用 。 在 AJAX 应 用 程序 中 ,ScriptManger 控件 就 相 
当 于 一 个 总 指挥 官 ,这 个 总 指挥 官 只 是 进行 指挥 ,而 不 进行 实际 的 操作 。 

2. 管理 控件 (ScriptMangerProxy) 

ScriptManger 控件 作为 整个 页 面 的 管理 者 ,ScriptManger 控件 能 够 提供 强大 的 功能 ， 
使 开发 人 员 无 需 关心 ScriptManger 控件 是 如 何 实现 AJAX 功能 的 ,但 是 一 个 页 面 只 能 使 用 
一 个 ScriptManger 控件 ,如 果 在 一 个 页 面 中 使 用 多 个 ScriptManger 控件 则 会 出 现 异常 。 在 
Web 应 用 的 开发 过 程 中 ,常常 需要 使 用 到 母 版 页 。 如 同 前 面 内 容 提 到 , 母 版 页 和 内 容 窗 体 
一 同 组 合成 为 一 个 新 页 面 并 呈现 在 客户 端 浏览 器 中 ,那么 如 果 在 母 版 页 中 使 用 了 
ScriptManger 控件 ,而 在 内 容 窗 体 中 也 使 用 ScriptManger 控件 ,整合 在 一 起 的 页 面 就 会 出 
现 错误 。 为 了 解决 这 个 问题 ,就 可 以 使 用 另 一 个 脚本 管理 控件 , 即 ScriptMangerProxy 控 
TF. ScriptMangerProxy 控件 与 ScriptManger 控件 非常 相似 ,但 是 ScriptManger 控件 只 允 
许 在 一 个 页 面 中 使 用 一 次 。 当 Web 应 用 需要 使 用 母 版 页 进行 样式 控制 时 , 母 版 页 和 内 容 页 
都 需要 进行 局 部 更 新 时 ScriptManger 控件 就 不 能 完成 需求 ,使 用 ScriptMangerProxy 控件 
就 能 够 在 母 版 页 和 内 容 页 中 都 实现 AJAX 应 用 。 

3. 时 间 控 件 (Timer) 

在 C/S 应 用 程序 开发 中 ,Timer 控件 是 最 常用 的 控件 ,使 用 Timer 控件 能 够 进行 时 间 控 
制 。Timer 控件 被 广泛 地 应 用 在 Windows WinForm 应 用 程序 开发 中 ,Timer 控件 能 够 在 一 定 
的 时 间 内 间隔 地 触发 某 个 事件 ,例如 每 隔 5s 就 执行 某 个 事件 。 但 是 在 Web 应 用 中 ,由 于 Web 
应 用 是 无 状态 的 ,开发 人 员 很 难 通过 编程 方法 实现 Timer 控件 ,虽然 Timer 控件 还 是 可 以 通过 
JavaScript 实现 ,但 是 也 是 以 复杂 的 编程 为 代价 的 ,这 样 就 造成 了 Timer 控件 的 使 用 困难 。 在 
ASP. NET AJAX 中 .AJAX 提供 了 一 个 Timer 控件 ,用 于 执行 局 部 更 新 ,使 用 Timer 控件 能 够 
控制 应 用 程序 在 一 段 时 间 内 进行 事件 刷新 。Timer 控件 初始 代码 如 下 所 示 。 
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<asp:Timer ID= "Timerl" runat- "server'» 
< /asp:Timer» 


开发 人 员 能 够 通过 设置 Timer 控件 的 属性 进行 相应 事件 的 触发 ,Timer 的 属性 如 下 所 示 。 
* Enabled: 是 否 启用 Tick 时 间 引 发 。 


。 Interval: 设置 Tick 事件 之 间 的 连续 时 间 ,单位 为 ms。 
通过 设置 Timer 控件 的 Interval 属性 ,能 够 指定 Time 控件 在 一 定时 间 内 进行 事件 刷 
新 操作 ,示例 代码 如 下 所 示 。 


< form iœ "formi" runat- "server"> 
«div» 
< asp:ScriptManager ID= "ScriptManagerl" runat- "server" 
< /asp:ScriptManager» 
< asp:UpdatePanel ID= "UpdatePanell" runat- "server"> 
< ContentTerplate> 
< asp:Label ID- "Iabell"runat- "server"Ext-— "Label" < /asp:LIabel> 
< asp:Timer ID- "Timerl" runat- "server" 
Interval- "5000" ontick- "Timerl Tick"> 
< /asp:Timer» 
< /Content'Tenplate» 
< /asp:UpdatePanel» 
« /div» 
< /fom> 


上 述 代码 使 用 了 一 个 ScriptManage 控件 进行 页 面 全 局 管理 ,ScriptManage 控件 是 必须 的 。 
另外 ,在 页 面 中 使 用 了 UpdatePanel 控件 ,该 控件 用 于 控制 页 面 的 局 部 更 新 ,而 不 会 引发 整个 页 
面 更 新 。 在 UpdatePanel 控件 中 ,包括 一 个 Label 控件 和 一 个 Timer 控件 ,Label 控件 用 于 显示 
时 间 , Timer 控件 每 5s 执行 一 次 Timerl_Tick 事件 ,Timer 控件 的 事件 代码 如 下 所 示 。 


protected void Timerl Tick(object sender, EventArgs e) 
{ 


Iabell.Text- DateTime.Now.ToString() ; 
} 


上 述 代码 在 页 面 被 呈现 时 ,将 当前 时 间 传 递 并 呈现 到 Label 控件 中 ,Timer 控件 每 隔 5s 
进行 一 次 刷新 ,这 样 就 形成 了 一 个 可 以 计数 的 时 间 ,如 图 4-9 所 示 。 


Æ http: //1ocalhost:5622/AJAIDENO/Default2. aspx 
go- (B http://localhost ox] 
2014/6/20 15:40:10 


Tindows Internet Ex 站 [= 
| 


x |E] AK 


图 4-9 刷新 操作 
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Timer 控件 能 够 通过 简单 的 方法 让 开发 人 员 无 需 通过 复杂 的 JavaScript 代码 而 实现 
Timer 控制 。 但 是 从 另 一 方面 来 讲 ,Timer 控件 会 占用 大 量 的 服务 器 资源 ,如 果 不 停 地 进行 
客户 端 服务 器 的 信息 通信 操作 ,很 容易 造成 服务 器 当 机 。 

4. 更 新 区 域 控件 (UpdatePanel) 

更 新 区 域 控件 (UpdatePanel) 在 ASP. NET AJAX 中 是 最 常用 的 控件 ,在 上 面 几 节 中 已 
经 用 到 UpdatePanel 控件 。UpdatePanel 控件 的 使 用 方法 同 Panel 控件 类 似 , 只 需要 在 
UpdatePanel 控件 中 放 和 人 需要 刷新 的 控件 就 能 够 实现 局 部 刷新 。 使 用 UpdatePanel 控件 
时 ,整个 页 面 中 只 有 UpdatePanel 控件 中 的 服务 器 控件 或 事件 会 进行 刷新 操作 ,而 页 面 的 其 
他 地 方 都 不 会 被 刷新 。UpdatePanel 控件 可 以 用 来 创建 局 部 更 新 ,开发 人 员 无 需 编 写 任 何 
客户 端 脚 本 。UpdatePanel 控件 的 属性 如 下 所 示 。 

RenderMode: 该 属性 指明 UpdatePanel 控件 内 呈现 的 标记 应 为 二 div > 
<span>, 

ChildrenAsTriggers: 该 属性 指明 来 自 UpdatePanel 控件 的 子 控件 的 回 发 是 否 会 导 
Sit UpdatePanel 控件 的 更 新 ,其 默认 值 为 True. 

EnableViewState; 指明 控件 是 否 自动 保存 其 往返 过 程 。 

Triggers: 指明 可 以 导致 UpdatePanel 控件 更 新 的 触发 器 的 集合 。 

UpdateMode: 指明 UpdatePanel 控件 回 发 的 属性 ,是 在 每 次 触发 事件 时 进行 更 新 还 
是 使 用 UpdatePanel 控件 的 Update 方法 再 进行 更 新 。 

Visible: UpdatePanel 控件 的 可 见 性 。 

UpdatePanel 控件 要 进行 动态 更 新 ,必须 依赖 于 ScriptManage 控件 。 当 ScriptManage 
控件 允许 局 部 更 新 时 , 它 会 以 异步 的 方式 发 送 到 服务 器 ,服务 器 接受 请 求 后 ,执行 操作 并 通 


过 DOM 对 象 来 替换 局 部 代码 ,其 原理 如 图 4-10 所 示 。 
服务 器 端 客户 端 浏览 器 
«asp.ScriptManager «asp TextBox ID» *TextBox1* 
ID="ScriptManagerl" runat="server"> 
runat="server"> La </asp'TextBox> 
</asp:ScriptManager> 请 求 <asp-Button ID="Button1” 
<asp:UpdatePanel runat- "server" 
1D- 'UpdatePanell* Text-" Button" /> 
runat="server"> — ] - 
«ContentTemplate» 可 应 Seriptbenegur - Serien 
<asp:TextBox -— ma 
FA rar mm <asp:TextBox ID-"TextBox1* 
— GE m 
ID="Buttonl' runat="server" Ld «[asp.TextBox» 
Text- Button" /> || «asp'Button ID="Button1" 
«/ContentTemplate» 异步 runat="server" 
</asp:UpdatePanel> 更 新 Text-"Button" /> 


图 4-10 UpdatePanel 控件 异步 请 求 示 意图 


UpdatePanel 控件 包括 ContentTemplate 标签 。 在 UpdatePanel 控件 的 
ContentTemplate 标签 中 ,开发 人 员 能 够 放置 任何 ASP. NET 控件 到 ContentTemplate 标 
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签 中 ,这 些 控件 就 能 够 实现 页 面 无 刷新 的 更 新 操作 。 

5. 更 新 进度 控件 (UpdateProgress) 

使 用 ASP. NET AJAX 常常 会 给 用 户 造 成 疑惑 。 例 如 当 用 户 进 行 评论 或 留言 时 ,页 面 
并 没有 刷新 ,而 是 进行 了 局 部 刷新 ,这 个 时 候 用 户 很 可 能 不 清楚 到 底 发 生 了 什么 ,以 至 于 用 
户 很 有 可 能 会 产生 重复 操作 ,甚至 会 产生 非法 操作 。 更 新 进度 控件 (UpdateProgress) 就 用 
于 解决 这 个 问题 , 当 服务 器 端 与 客户 端 进 行 异 步 通信 时 ,需要 使 用 UpdateProgress 控件 告 
诉 用 户 现在 正在 执行 中 。 例 如 当 用 户 进行 评论 时 , 当 用 户 单 击 按钮 提交 表单 ,系统 应 该 提示 
“正在 提交 中 ,请 稍 候 ”, 这 样 就 提供 了 便利 从 而 让 用 户 知道 应 用 程序 正在 运行 中 。 这 种 方法 
不 仅 能 够 让 用 户 操 作 时 更 少 地 出 现 错误 ,也 能 够 提升 用 户 体 验 的 友好 度 。UpdateProgress 
控件 的 HTML 代码 如 下 所 示 。 


< asp:UpdateProgress ID= "UpdateProgressl" runat- "server"> 
< ProgressTerplate> 
正在 提交 中 ,请 稍 候 ..<br /> 
< /ProgressTenplate> 
< /asp:UpdateProgress» 


上 述 代码 定义 了 一 个 UpdateProgress 控件 ,并 通过 使 用 ProgressTemplate 标记 进行 等 
待 中 的 样式 控制 。ProgressTemplate 标记 用 于 标记 等 待 中 的 样式 。 当 用 户 单 击 按钮 进行 
相应 的 操作 后 ,如 果 服务 器 和 客户 端 之 间 需 要 时 间 等 待 , 则 ProgressTemplate 标记 就 会 呈 
现在 用 户 面前 ,以 提示 用 户 应 用 程序 正在 运行 。 完 整 的 UpdateProgress 控件 和 
UpdatePanel 控件 代码 如 下 所 示 。 


< asp:ScriptManager ID= "ScriptManagerl" runat= "server"> 
< /asp:ScriptManager» 
< asp:UpdatePanel ID= "UpdatePanell" runat= "server"> 
< ContentTenplate> 
< asp:UpdateProgress ID= "UpdateProgressl" runat- "server"> 
< ProgressTenplate> 
正在 提交 中 ,请 稍 候 ..<br /> 
< /ProgressTenplate> 
< /asp:UpdateProgress> 
<asp:Iabel ID- "Labell"nmnat= "server"Ext— "Label" < /asp:Iabel> 
< asp:Button ID- "Buttonl" runat- "server" Text- "Button" 
onclick- "Buttonl Click" /> 
< /ContentTemplate» 
< /asp:UpdatePanel^ 


上 述 代码 使 用 了 UpdateProgress 控件 用 户 进度 更 新 提示 ,同时 创建 了 一 个 Label 控件 
和 一 个 Button 控件 , 当 用 户 单 击 Button 控件 时 则 会 提示 用 户 正在 更 新 ,Button 更 新 事件 代 
人 码 如 下 所 示 。 

protected void Buttonl Click (Gbject sender, EventArgs e) 

{ 


System. Threading.Thread.S1eep (3000) ; 
labell.Text- DateTime.Now.ToString|(); 


149 


ASP NET 动 态 网 站 开发 


上 述 代码 使 用 了 System. Threading. Thread. Sleep 方法 指定 系统 线程 挂 起 的 时 间 ,这 
里 设置 为 3000ms, 这 也 就 是 说 当 用 户 进 行 操作 后 ,在 这 3000ms 的 时 间 内 会 呈现 * 正 在 提交 
中 ,请 稍 候 ...” 几 个 字 , 当 3000ms 过 后 ,就 会 执行 下 面 的 方法 。 

6. 母 版 页 刷新 内 容 窗 体 

在 母 版 页 中 使 用 ScriptManage 控件 能 够 方便 地 将 整个 页 面 进行 AJAX 全 局 控制 。 当 
Web 应 用 中 有 很 多 相似 页 面 , 又 需要 执行 AJAX 应 用 时 ,可 以 在 母 版 页 中 使 用 ScriptManage 
控件 ,在 内 容 窗 体 中 使 用 UpdatePanel 控件 ,这 样 母 版 页 中 的 ScriptManage 控件 也 会 整合 到 内 
容 窗 体 中 并 进行 输出 。 同 样 , 母 版 页 也 能 够 刷新 内 容 窗 体 中 的 控件 信息 。 如 果 ASP. NET 
AJAX Web 应 用 中 很 多 的 页 面 都 需要 执行 相同 的 操作 ,而 内 容 窗 体 同 样 需 要 执行 这 些 操作 ,可 
以 通过 在 母 版 页 中 注册 异步 传送 控件 以 支持 内 容 窗 体 中 AJAX 应 用 的 需求 ,这 样 只 需要 在 内 
容 窗 体 中 进行 控件 布局 ,而 无 需 在 内 容 窗 体 中 再 次 创建 局 部 更 新 控件 和 进行 事件 的 编写 。 


44 项 目 实 施 


4.4.1 任务 1: 登录 界面 设计 和 用 户 信 息 验 证 


1. 任务 目标 

(1) 能 熟练 使 用 验证 控件 验证 输入 数据 。 

(2) 能 熟练 运用 ADO. NET 查询 信息 。 

2. 任务 内 容 

(1) 从 Layout. master 模板 页 创建 内 容 页 。 

(2) 使 用 服务 器 控件 设计 登录 页 面 。 

(3) 使 用 ADO. NET 技术 查询 T_Customer 表 信 息 。 

3. 任务 实施 步骤 

该 任务 首先 从 Layout. master 母 版 页 创建 内 容 页 ,再 使 用 DIV 十 CSS 进行 页 面 布 局 , 然 
后 使 用 常用 的 服务 器 控件 设计 登录 界面 (如 图 4-11 所 示 )。 应 使 用 必 填 验证 控件 验证 确保 


人 "m Smart dida 
ME On Line 


NDOC ch AE Rights Rexcrrcd 2014 a a ON 


4-11 任务 1 效果 图 
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输入 信息 非 空 。 最 后 使 用 ADO. NET 技术 访问 Smart 数据 库 中 的 T Customer X. 

CD Hih Shop 文件 夹 , 单 击 “ 添 加 ”>“ 添 加 新 项 ”命令 ,打开 “添加 新 项 ”对 话 框 。 

© fi; Web 页 面 "列表 项 ,在 “名 称 ” 文 本 框 中 输入 Login. aspx, 单 击 “ 选 择 母 版 页 ”， 
单 击 “ 添 加 ”按钮 ,打开 “选择 模板 页 ”对 话 杠 。 单 击 Layout. master 文件 ,再 单 击 “确定 ” 
按钮 。 

© 使 用 DIV 控件 完成 布局 。 一 个 行 由 两 个 DIV 控件 控制 页 面 ,更 改 DIV 的 样式 。 重 
复 该 操作 ,完成 三 行 的 布局 。 

<div class= "reg div tips" > 账号 < /div> 

< div class= "reg div content"> 

</div> 

@ 拖 动 TextBox 控件 到 页 面相 应 位 置 ,更 改 ID 号 。 拖 动 RequiredFieldValidator 控件 
到 页 面 中 ,设置 ControlToValidator 属性 和 ErrorMessage 属性 , 对 TextBox 进行 非 空 
验证 。 

© 拖 动 ImageButton 控件 到 页 面相 应 位 置 ,设置 ImageUrl 属性 为 “一 /gif/07. gif”. 

© 拖 动 Label 控件 到 页 面相 应 位 置 ,设置 ForeColor 属性 为 #993333。 设 置 Text 属性 
为 "用户 名 或 者 密码 错误 ,请 重新 输入 ”。 

CD 拖 动 HyperLink 控件 到 页 面相 应 位 置 ,设置 Text 属性 为 “没有 输入 ?”, 设 置 
NavigateUrl 属性 为 “一 /Shopyreg. aspx”, 使 其 导航 到 注册 页 面 。 完 整 的 页 面 代码 如 下 。 


<div class= "reg div> 
<div class= "reg div tips" > 账号 </div><div class= "reg div content" 
< asp:TextBox ID= "TxtAcccunt" 
runat- "server" Width- "160px"> < /asp:TextBox> 
< asp:Fegui redFieldvalidator ID= "Regi recFieleValidatorl" runat- "server" 
ControlToValidate- "TxtAccount" 
ErrorMessage- " * "ForeColor- "40200007 < /asp:FeguirecFieldvalidator» 
</div> 
< /div» 
<div class= "reg div> 
<div class= "reg div tips" > 密码 </div><div class= "reg div_content"> 
< asp:TextBox ID= "TxtPwd" runat- "server" 
TextMoxde- "Password" Width- "160px"> < /asp:TextBox> 
< asp: Regii redFieldvalidator ID- "Feri recFielcVal icator?"runat- "server" 
ControlToValidate- "TxtPwd" 
ErrorMessage- " * " ForeColor- "#0c0000"> 
< /asp:FequiredFieldvalidator» 
</div> 
</div> 
<div class= "reg div"> 
<div class= "reg div tips" >< /div> <div class= "reg div content" 
< asp: TmageButton ID= "ImageButtonl" runat- "server" Height= "25px" 
TmageUrl- "- /gif/07 .gif" 
onclick- "ImageButtonl Click" Width "65e" /> 
<asp:Label ID= "Labell" runat- "server" 
ForeColor- "#993333" 
Text=" 用 户 名 或 者 密码 错误 ,请 重新 输入 "Visible= "False" 
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< asp:HyperLink ID= "Hyperlinkl" 
runat- "server" NavigateUrl- "~/Shop/reg.aspx"> 没 有 注册 7? 
< /asp:HyperLink> 
<br /> 
</div> 
</div> 


@ 登录 到 SQL Server 服务 器 , 单 击 “ 新 建 查询 ”按钮 ,输入 下 述 代码 , 按 F5 功能 键 创建 
存储 过 程 QueryCustomer。 


Create proc QeryCustamer 
( 
G c account nvarchar (50) , 
€ c pwd nvarchar (50) 
) 
as 
select custamer id fram T Oustamer where custamer account- 6 c account and custamer pwd - 6c pwd; 


© 双击 “登录 ”按钮 ,进入 事件 代码 编辑 窗口 ,输入 下 列 代码 。 


Iabell.Visible- false; 

SqlConnection core new SqiConnection( 
System.Configuration.ConfigurationManager.ConnectionStrings 

["SmartConnectionString"] .ToString ()) ; 

con.Qpen () ; 

SqlCamand mÈ new SqlCamand ("Querycustamer", con); 

amd.CanmandType- System. Data .CammandType . StoredProcedure; 

Sql Parameter pl= new SqlParameter () ; 

pl.ParameterName- "Gc account"; 

pl.SqlDbType- System.Data.SqlIEType .Nchar; 

pi.Value- TxtAccount Text; 

am. Parameters .2cd (pl) ; 

Sql Parameter p2- new Sql Parameter () ; 

p2.ParameterName- "@ c pwd"; 

p2.SqlDbType= System.Data.SqlIEType -Nchar; 

r2. Value- TxtPwd. Text; 

ard. Parameters .Add (p?) ; 

SqlDataReader sdr= am.ExecuteReader () ; 

if (sdr.HasRows) 

t 
/ modify session 添加 用 户 账户 
Session.Add("useracoount", TxtAccount.Text); 
Response.Redi rect ("^ /Shop/index html") ; 


项 目 4 会 员 登 录 


4.4.2 任务 2: 会 员 输入 信息 验证 


1. 任务 目标 

能 使 用 ASP. NET AJAX 进行 局 部 刷新 。 

2. 任务 内 容 

使 用 ASP. NET AJAX 技术 让 注册 页 面 进行 局 部 刷新 。 

3. 任务 实施 步骤 

这 个 任务 需要 将 以 前 创建 的 页 面 代码 包含 在 UpdatePanel 中 。 

(D 拖 动 ScriptManager 控件 到 Login. aspx 页 面 。 

© 拖 动 UpdatePanel 控件 到 Login. aspx 页 面 。 单 击 “ 源 ”按钮 ,切换 到 源 视图 。 在 
<asp: UpdatePanel ID— "UpdatePanell" runat="server" >JA fj A : 


< Content Template» < / Content Template» 


@ 将 任务 1 PARDHI vi iti (V9 34] $8 — Content Template 7 5j — / Content Template 二 之 
间 , 如 下 面 的 代码 所 示 。 


< asp:ScriptManager ID= "ScriptManagerl" runat= "server"> 
< /asp:ScriptManager> 
< asp:UpdatePanel ID= "UpdatePanell" runat= "server"> 
< ContentTerplate> 
<div class= "reg div> 
<div class= "reg div tips" > 账号 < /div> < div class= 
"reg div_content"> 
< asp:TextBox ID= "TxtAccount" runat- "server" Width= "160px"> 
< /asp:TextBox> 
< asp:RequiredFieldValidator ID= "ReguiredFieldValidatorl" 
runat- "server" 
ControlToValidate- "TxtAccount" ErrorMessage- " * " 
ForeColor- "#000000"> < /asp:RequiredFieldvalidator» 
</div> 
« /div» 
« div class- "reg div> 
<div class= "reg div tips" > 密码 </div><div class= 
"reg div oontent"> 
< asp:TextBox ID= "TxtPwd" runat- "server" TextMode- "Password" 
Wigth= "160px"» < /asp:TextBox> 
< asp:Regui redFieldvalidator ID= "Requi redFieldValidator2" 
runat- "server" 
ControlToValidate- "TxtPwd" ErrorMessage- " * " ForeColor- 
"#0c0000"> < /asp:RequiredFieldvalidator» 
« /div» 
« /div» 
<div class= "reg div"> 
<div class= "reg div tips" >< /div» <div class= 
"reg div content" 
< asp: IregeButten ID- "TiregsButtonl" runat- "server" Height- "25" 
TmageUrl- "- /gif/07 .gif" 
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onclick- "ImageButtonl Click" Width "65px" /> 
< asp:Label ID- "Labell" runat- "server" ForeColor- "#993333" 
Text- "用 户 名 或 者 密码 错误 ,请 重新 输入 " Visible- "False"> < /asp:Iabel> 
< asp:HyperLink ID= "Hyperlinkl" runat- "server" NavigateUrl- 
"~ /Shop/reg.aspier» A TE JE? 
< /asp:HyperLink» 
<br /> 
« /div» 
</div> 
< /ContentTenplate> 
< /asp:UpdatePanel> 


当 用 户 输入 错误 的 用 户 名 或 者 密码 时 ,页 面 对 Login. aspx 页 面 中 的 UpdateContent 包 
含 的 部 分 进行 局 部 刷新 ,不 会 对 母 版 页 中 的 内 容 进 行 刷新 (如 图 4-12 所 示 )。 


EXE T 
Smart 
OnLine 


图 4-12 局 部 刷新 


45 总 结 归 纳 


本 项 目 要 求 开 发 人 员 开 发 登录 页 面 , 该 任务 知识 点 部 分 是 子 项 目 3 中 详细 介绍 的 ,例如 
验证 控件 的 使 用 ,CSS 十 DIV 的 使 用 ,ADO. NET 访问 技术 的 使 用 。 子 项 目 4 中 主要 引入 了 
ASP. NET 内 置 对 象 和 AJAX. Request 对 象 是 用 来 获取 客户 端 在 请 求 一 个 页 面 或 传送 一 
个 表单 (Form) 时 提供 的 所 有 信息 ,这 包括 能 够 标识 浏览 器 和 用 户 的 HTTP 变量 ,存储 在 客 
户 端的 Cookie 信息 以 及 附 在 URL 后 面 的 值 。Response 对 象 用 来 访问 所 创建 的 客户 端的 
响应 ,并 输出 信息 到 客户 端 , 它 提供 了 标识 服务 器 和 性 能 的 HTTP 变量 ,发 送 给 浏览 器 的 信 
息 和 Cookie 中 存储 的 信息 。 它 也 提供 了 一 系列 用 于 创建 输出 页 面 的 方法 。Cookie 是 一 小 
段 由 浏览 器 存储 在 客户 端 系统 上 (硬盘 ) 的 文本 ,是 一 种 标记 。 由 Web 服务 器 嵌入 用 户 浏览 
器 中 ,以 便 标识 用 户 , 且 随同 每 次 用 户 的 请 求 发 往 Web 服务 器 。Cookies 的 值 比 ASP. NET 
其 他 集合 的 值 要 复杂 得 多 。 

Session 对 象 就 是 服务 器 给 客户 端的 一 个 编号 。 当 一 台 Web 服务 器 运行 时 ,可 能 有 若 
干 个 用 户 正在 浏览 这 台 服 务 器 上 的 网 站 。 当 每 个 用 户 首次 与 这 台 WWW 服务 器 建立 连接 
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时 , 它 就 能 与 这 个 服务 器 建立 了 一 个 会 话 (Session), 同时 服务 器 会 自动 为 其 分 配 一 个 
SessionID, 用 于 表示 这 个 用 户 的 唯一 身份 。 特 别 应 注意 的 是 ,Session 对 象 的 变量 只 是 对 一 
个 用 户 有 效 ,不 同 的 用 户 的 会 话 信息 用 不 同 的 Session 对 象 的 变量 存储 。 在 网 络 环境 下 ， 
Session 对 象 的 变量 是 有 生命 周期 的 ,如 果 在 规定 的 时 间 没 有 对 Session 对 象 的 变量 使 用 ， 
系统 就 会 终止 这 些 变量 。 
借助 ASP. NET AJAX 控件 ,使 用 很 少 的 客户 端 脚 本 或 不 使 用 客户 端 脚本 就 能 创建 丰 
富 的 客户 端 行为 ,如 在 异步 回 发 过 程 中 进行 部 分 页 面 的 更 新 (在 回 发 时 刷新 网 页 的 选 定 部 
分 ,而 不 是 刷新 整个 网 页 ) 和 显示 更 新 进度 。ScriptManager 控件 为 启用 了 AJAX 的 ASP. NET 
网 页 管理 客户 端 脚本 。ScriptManagerProxy 控件 允许 内 容 页 和 用 户 控件 等 嵌 套 组 件 在 父 
元 素 中 已 定义 了 ScriptManager 控件 的 情况 下 将 脚本 和 服务 引用 添加 到 网 页 中 。Timer 控 
件 在 定义 的 时 间 间 隔 执行 回 发 。 如 果 将 Timer 控件 和 UpdatePanel 控件 结合 在 一 起 使 用 ， 
可 以 按照 定义 的 间隔 启用 部 分 页 更 新 。 还 可 以 使 用 Timer 控件 来 发 布 整个 网 页 。 
UpdatePanel 控件 可 用 于 生成 功能 丰富 、 以 客户 端 为 中 心 的 Web 应 用 程序 。 通 过 使 用 
UpdatePanel 控件 ,可 以 执行 部 分 页 面 的 更 新 。UpdateProgress 控件 提供 有 关 UpdatePanel 
控件 中 的 部 分 页 更 新 的 状态 信息 。 


46 课 后 习题 


选择 题 
1. 下 列 ( — ) 对 象 不 能 在 页 面 间 传 送 数据 。 
A. Applicaton B. Session C. ViewState D. 查询 字符 串 
2. FIC  ) 对 象 不 是 使 用 Key/ Value 方式 保存 数据 的 。 
A. Applicaton B. Session C. ViewState D. 查询 字符 串 
3. 下 列 ( ) 对 象 的 数据 不 是 保存 在 服务 器 中 的 。 
A. Applicaton B. Session C. ViewState D. Cache 
4. 商务 网 站 中 客户 的 购物 信息 最 佳 的 保存 场所 是 ( Jo 
A. Applicaton B. Session C. ViewState D. 查询 字符 串 
5. ADO. NET 是 一 种 ( ) 。 
A. 查询 语言 B. 数据 库 
C. 数据 库 管 理 系 统 D. 用 于 数据 访问 的 基 类 库 
6. 数据 集 (DataSet) 与 SQL 数据 源 之 间 的 桥梁 是 ( Js 
A. SqlConnection B. SqlDataAdapter 
C. SqlCommand D. SqlTransaction 
7. 将 数据 集中 的 数据 同步 到 数据 源 中 ,必须 调用 DataAdapter 的 ( — ) 方 法 。 
A. Fill B. Dispose C. Update D. ToString 


8. 向 数据 源 插入 一 条 记录 ,需要 将 命令 对 象 的 CommandText 属性 设置 为 SQL 语言 的 
INSERT 命令 后 ,再 调用 命令 对 象 的 ( ) 方 法 。 
A. ExecuteNonQuery B. ExecuteReader 
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C. ExecuteScalar D. ExecuteXmlReader() 
9. 以 下 ( OBRTE AJAX 的 常用 技术 。 
A. JavaScript B. XML C. CSS D. Cache 
10. Æ ASP. NET 的 AJAX 框架 技术 中 ,要 实现 无 刷新 ,需要 采用 下 面 的 ( ) 控 件 。 
A. UpdatePanel B. AutoComplete 
C. Timer D. Rating 


47 同步 操练 


用 户 在 格林 酒店 进行 网 上 预订 房间 操作 前 , 需 经 过 管理 系统 统一 验证 (操作 员 认 证 和 管 
理 员 认 证 都 在 此 页 面 认 证 )。 此 外 ,采用 AJAX 技术 可 提供 用 户 满意 度 。 最 终 效果 图 如 
图 4-13 所 示 。 


Æ FGO - Yindows Internet Explorer 


aD B nip: //1ocalhost:2311/5ource/Oper« O I] [&][*s] sn 


Green'llotel 


discover a world with us 


角 色 : | 操作 员 
登录 | 
CopyRight@Soft DevelopmentTeam Of Hold On 


图 4-13 格林 酒店 登录 功能 
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51 项 目 引入 


商品 展示 是 电子 商场 不 可 或 缺 的 功能 模块 ,客户 需要 购买 商品 时 ,都 要 先 查 看 商品 等 信 
息 。 李 明 是 Smart On Line 电子 商城 的 一 位 开发 人 员 , 接 到 的 任务 是 协助 小 组 创建 商品 展 
示 功 能 模块 。 


52 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 , 建 议 Smart On Line 电子 商城 站 点 采用 列表 展示 商品 和 大 
图 标 展示 商品 两 种 方式 ,让 客户 自由 选择 合适 的 商品 展示 方式 ,并 提供 分 页 浏览 功能 。 大 图 
标 方式 展示 商品 信息 采用 DataList 控件 来 实现 ,并 用 PagedDataSource 对 象 实现 分 页 预览 
功能 。 列 表 方 式 展示 商品 信息 采用 GridView 控件 实现 。 


53 知识 准备 


5.3.1 DataList 基本 知识 


DataList 控件 用 于 显示 限制 于 该 控件 的 项 目的 重复 列表 ,其 使 用 方式 和 Repeater 控件 
相似 ,也 是 使 用 模板 标记 。DataList 控件 可 被 绑 定 到 数据 库 表 .XML 文件 或 者 其 他 项 目 列 
表 ,DataList 控件 在 重复 的 列表 中 显示 数据 项 ,并 且 可 以 选择 支持 对 这 些 项 进行 选择 和 编 
辑 。DataList 中 列表 项 的 内 容 和 布局 是 使 用 模板 定义 的 。 每 个 DataList 至 少 必须 定义 一 
个 HemTemplate; 但 可 以 使 用 多 个 可 选 模板 自 定义 列表 的 外 观 。 表 5-1 描述 了 这 些 模 板 。 

表 5-1 DataList 模板 项 


模板 名 称 说 明 
ItemTemplate 定义 列表 中 各 项 的 内 容 和 布局 。 为 必 选 项 
AlternatingltemTemplate | 如 果 定 义 , 则 确定 交替 项 的 内 容 和 布局 ;如 果 未 定义 , 则 使 用 ItemTemplate 
SeparatorTemplate 如 果 定 义 , 则 呈现 在 项 (以 及 交替 项 ) 之 间 ; 如 果 未 定义 , 则 不 呈现 分 隔 符 
如 果 定 义 , 则 确定 选 定 项 的 内 容 和 布局 ;如 果 未 定义 , 则 使 用 ItemTemplate 
SelectedItemTemplate 
(AlternatingItemTemplate) 
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续 表 
模板 名 称 说 明 


如 果 定 义 , 则 确定 编辑 的 项 的 内 容 和 布局 ;如 果 未 定义 , 则 使 用 
ItemTemplate(AlternatingItemTemplate 或 SelectedItemTemplate) 


EditItemTemplate 


HeaderTemplate 如 果 定 义 , 则 确定 列表 标题 的 内 容 和 布局 ;如 果 未 定义 , 则 不 呈现 标题 
FooterTemplate 如 果 定 义 , 则 确定 列表 页 脚 的 内 容 和 布局 ;如 果 未 定义 , 则 不 呈现 页 脚 


模板 定义 用 于 确定 项 目 显示 的 HTML 元 素 和 控件 ,以 及 这 些 元 素 的 布局 。 样 式 格式 
设置 (字体 .颜色 和 边框 属性 ) 是 通过 样式 设置 的 。 每 个 模板 都 有 自己 的 样式 属性 。 例 如 ， 
EditItemTemplate 的 样式 通过 EditItemStyle 属性 设置 。 第 三 组 属性 影响 DataList 的 整体 
ER, RURO F ,DataList 项 在 表 中 作为 单独 一 个 垂直 的 列 呈 现 。 将 RepeatLayout 属性 
设置 为 Flow 会 从 列表 的 呈现 中 移 除 HTML 表 结 构 。DataList 通过 RepeatDirection 属性 
支持 有 方向 的 呈现 ,这 意味 着 它 可 以 水 平 或 垂直 地 呈现 其 项 , 见 表 5-2 和 表 5-3。 既 然 页 宽 
度 是 Web 用 户 界 面 中 开发 人 员 必 须 控制 的 维度 ,DataList 也 允许 开发 人 员 控 制 呈现 的 “ 列 ” 
(RepeatColumns) 的 数目 ,无 论 这 些 项 是 水 平 呈 现 还 是 垂直 呈现 的 。 如 果 RepeatDirection 
为 Horizontal 并 且 RepeatColumns 为 5, 则 这 些 项 在 包含 五 个 列 的 行 中 呈现 。 


表 5-2 DataList 水 平 显示 样 例 


1 2 3 4 5 
6 7 8 9 10 
a 12 13 


如 果 RepeatDirection 为 Vertical 并 且 RepeatColumns 仍然 设置 为 5, 则 这 些 项 分 五 列 
呈现 ,每 列 的 长 度 等 于 总 项 数 的 1/5。 


表 5-3 DataLidst 垂直 显示 样 例 


1 4 7 10 12 
2 5 8 11 13 
3 6 9 

1. 编辑 模板 


DataList 是 一 种 显示 数据 控件 , 它 与 GridView 不 同 的 是 , 它 全 部 使 用 模板 进行 设计 ， 
并 且 DataList 的 模板 是 对 整 行 设 置 ,而 不 是 像 GridView 那样 只 对 某 一 列 进行 模板 设计 。 
编辑 DataList 模板 可 通过 单 击 “ 智 能 提示 ”, 再 单 击 “ 编 辑 模 板 ”" 菜 单项 ( 见 图 5-10 ,打开 
“项 模板 ?编辑 窗口 ( 见 图 5-2). 


ContentPlaceHaideri (EE j LasD2GSEaTISEFDSEDEE 
DataList 任务 
HIERE 

选择 数据 源 : [GO 司 


属性 生成 器 
添加 扩展 程序 
4 


图 5-1 编辑 模板 
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peer re zz 


ItenTenplate 


图 5-2 项 模板 编辑 窗口 


2. 数据 绑 定 
DataList 控件 的 默认 行为 是 在 HTML 表格 中 显示 数据 库 记 录 。 
ARB: 演示 如 何 显示 pubs 数据 库 authors 表 中 的 数据 。 
(D 拖 动 DataList 控件 到 Web 页 面 上 。 一 
O 单 击 智能 提示 , 单 击 * 编 辑 模板 ”, 打 开 * 项 模板 从 | 人 Sn 
口 。 拖 动 Label 控件 到 “项 模板 ”窗口 中 , 单 击 “ 智 能 提示 ”， H 
再 单 击 “ 编 辑 DataBindings” 菜 单项 (如 图 5-3 所 示 ) ,打开 
“ 绑 定 编辑 ”窗口 ( 见 图 5-4) 。 
© 单 击 Text 属性 ,在 表达 式 对 话 框 中 输入 Eval( "au. 图 5-3 编辑 DataBindings 
fname") , 单 击 “确定 ?按钮 。 


aixi 
选择 要 纠 定 到 的 属性 ， 然 后 可 通过 选择 字段 未 绑 定 它 。 也 可 使 用 自 定义 代码 去 达 式 绑 定 它 * 
mite elt P): 为 Text WE 
C FRIET) 
SPEZI E) [ Y 
EAO [ z 
TAG) [ 
厂 显示 所 有 属性 OD 
C 自 定义 绑 定 人) : 
代码 表达 式 E): 


[一 一 一 一 一 一 一 


图 5-4 “ 绑 定 编辑 ”窗口 


@ 到 第 三 个 步 又 中 已 经 完成 数据 显示 模板 的 显示 和 列 绑 定 。 接 下 来 进行 DataList 的 
数据 源 的 绑 定 。 按 功能 键 F7, 进 入 后 台 代码 页 面 , 在 Page Load 页 面 中 输入 下 列 代码 ,然后 
按 F5 功能 键 运行 ,如 图 5-5 所 示 。 


SqlConnection conn; 

SqlCamand amd; 

SqlDataReader dr; 

conre new SqlConnection("Server- localhost; Database- Pubs;uid- sa;pwd- zzb") ; 
mF new SglCamand ("Select au fname Fr authors", conn) ; 
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Æ http://1locelhost:19022/Default.aspx — Windows Internet Explorer 


aD [E http: //1ocalhost:19022/Defa O E| Bl) > 


Abraham ^ 
Reginald 

Cheryl 
Michel 


图 5-5 示例 1 效果 图 


当代 码 中 出 现 SqlConnection 等 对 象 不 可 识别 时 ,可 使 用 using 指令 导入 SqlClient 命 
名 空间 。 


using System.Data.SglClient; 
页 面 代 码 如 下 所 示 。 


< html. xmins- "http://www.w3.org/1999/xhtml"> 
< head runat- "server"> 
«meta http- equiv- "Content- Type" content= "text/html; charset= utf- 8"/» 
«title» « /title» 
< /nead» 
«body» 
< form id- "formi" runat- "server" 
«div» 
< asp:DataList ID= "DataListl" runat- "server" CellPadding- "4" 
ForeColor- "#333333"> 
« AlternatingItemStyle BackColor- "White" /> 
< FooterStyle BackColor- "#990000" Font- Bold- "True" 
ForeColor- "White" /» 
< HeaderStyle BackColor- "#990000" Font- Bold- "True" 
ForeColor- "White" /» 
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< ItemStyle BackColor- "#FFFBD6" ForeColor- "4333333" /> 
< Itenfferplate» 
«asp:Label ID- "Label" 
runat- "server" Text- x $4 Eval ("au fname") $> "></asp:Iabel> 
< /Itentenplate» 
< SelectedItemStyle BackColor- "RFFUC66" Font- Bold- "True" 
ForeColor- "Navy" /> 
< /asp:DataList» 


« /div» 
< /fom> 

< /pody» 

</htm> 

3. 捕获 DataList 控件 中 产生 的 事件 

DataList 控件 支持 事件 冒 泡 ,可 以 捕获 DataList 内 包含 的 控件 产生 的 事件 ,并 且 通 过 
普通 的 子 程序 处 理 这 些 事件 。 讲 到 这 里 ,读者 可 能 不 太 明 白 事件 冒 泡 的 好 处 所 在 ,可 以 反 过 
来 思考 : 如 果 没 有 事件 冒 泡 ,那么 对 于 DataList 内 包含 的 每 一 个 控件 产生 的 事件 都 需要 定 
义 一 个 相应 的 处 理 函 数 ,如 果 DataList 中 包含 10000 个 控件 呢 ? 或 者 更 多 呢 ? 那 要 写 若 干 
个 事件 处 理 程序 。 有 了 事件 冒 泡 , 不 管 DataList 中 包含 多 少 个 控件 ,只 需要 一 个 处 理 程序 
就 可 以 了 。DataList 控件 支持 五 个 事件 。 

(1) EditCommand: 由 带 有 CommandName 一 "edit" 的 子 控件 产生 。 

(2) CancelCommand: 由 带 有 CommandName- "cancel" lf] - 32 f/F j^ ^E , 

(3) UpdateCommand: 由 带 有 CommandName- "update" [f] -32 f j^ ^E , 

(4) DeleteCommand; 由 带 有 CommandName- "delete" 的 子 控件 产生 。 

(5) ItemCommand: DataList 的 默认 事件 。 

有 了 这 五 个 事件 ,那么 当 单 击 DataList 控件 中 的 某 一 个 按钮 的 时 候 ,应 该 触发 哪 一 个 
事件 呢 ? 什么 时 候 才 触发 它们 呢 ? E ASP. NET 中 有 三 个 控件 带 有 CommandName 属性 ， 
分 别 是 Button, LinkButton 和 ImageButton ,可 以 设置 它们 的 CommandName 属性 来 表示 
容器 控件 内 产生 的 时 间 类 型 。 比 如 , 如 果 设 置 DataList 中 的 一 个 LinkButton 的 
CommandName 属性 为 update. 那么 单 击 此 按钮 的 时 候 , 将 会 触发 DataList 的 
CancelCommand 事件 ,可 以 将 相关 处 理 代码 写 到 对 应 的 事件 处 理 程序 中 去 。 

ARH 2: 演示 如 何 触发 DataList 删除 更 新 ,编辑 事件 。 

CD 在 示例 1 基础 上 编辑 模板 页 。 在 “项 模板 ”编辑 窗口 中 , 拖 动 ImageButton 到 Labell 
控件 右边 。 单 击 CommandName 属性 ,输入 delete( 必 须 是 delete, 不 能 更 改 为 其 他 ,如 图 5-6 所 
示 )。 再 单 击 Text 属性 ,输入 delete, 

© fi DataListl ,双击 DataListl 的 DeleteCommand 事件 ,如 图 5-7 所 示 。 进 入 代码 
编辑 窗口 ,输入 下 列 事件 相应 的 代码 。 该 代码 的 作用 是 在 网 页 中 输出 delete 文字 ,如 图 5-8 
所 示 。 

protected void DataListl DeleteComendl (Gbject source, DataListOmmendEventArgs e) 

i Response.Write ("< li> delete"); 

} 


161 


ASP NET 动 态 网 站 开发 


Calendar 
ea 


FERE MEE 


amt 
* 
LÀ 
E 
a 
国 
回 
JB maois 
国 torDovlist 
D rupit 
E iiei 
A ieli delete 
国 me fslas 
Inacebuttor eíl me 
pm Ts 

Joseel 
N cone pen Trur 
A wa [3:3 
[E Porcar 
B us eia 
B ieo miel exti 
» Tesoecat 

losdiie ur 
B iVi Tiber o 
Borea Ten elete 
E Palir Tealrip 

Videt orre 

miona erstatelote Istenit 
JE raises ERN Em 
HD sostituti 4 E ona 
Bons wb jede eR | [earns ote o [ d] amy Liniut tenia siet |] Conn 
国 Toetbor vl SHsüxhawe. 


8 ~ INANA ENAERE 


图 5-6 设置 CommandName 属性 


CancelCommand 
DataBinding 
alist 
Disposed 
EditColgand 

Init 

ItenCommand 
ItenCreated 
ItemDataBound 

Load 

PreRender 
SelectedIndexChanged 
Unload 
UpdateCommand 
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图 5-7 DataList 删除 事件 


Ehttp://localhost:19022/De: 


GOG-Ie ħttp://loca... O zj [è] 


* delete ^ 
Abraham del 

Reginald n 

Cheryl delete 

Michel delete 

Innes delete 

Ann delete 


delete 


图 5-8 删除 效果 


162 


b] mot i Visant Statio EFO BEED Com) p-8x 
Xito) Sep AY Fo CE) Wo Ew uo) PSD IB) MO PRAWO HHN mvs FOM 帮助 0 
06-5 8-GMu D-O- beet ipler- Diag ~ ) Ded Suk- e 1 A; 
TB MISC EM d c ESASUEEE -ax 
搜索 工具 入 ED EI] 
Ea prem BERISEREENSCH) 
ec mum m gus zs" 0 ABD 
Halleteaist 本 
Patton D web. centia 


项 目 5 商品 展示 


© 用 同样 的 方式 创建 update 和 edit 功能 ,如 图 5-9 所 示 。 


Æ http://localhost:19022/Default. aspx — Windows Internet Explorer 


(B localhost 

* edit 

Abraham delete update edit 
Reginald delete update edit 
Cheryl delete update edit 
Michel delete update edit 
Innes delete update edit 
Ann delete update edit 
Marjorie delete update edit 
Morningstar. delete update edit 
Burt delete update edit 
Sheryl delete update edit 
Livia delete update edit 
Charlene delete update edit 
Stearns delete update edit 
Heather delete update edit 


Michael delete update edit 


图 5-9 示例 2 效果 图 


在 DataList 中 显示 的 三 个 LinkButton 控件 分 别 与 相应 的 程序 相关 联 。 当 单 击 名 为 
delete 的 LinkButton 控件 的 时 候 , 就 触发 DataList 控件 DeleteCommand 事件 ,该 事件 与 
DataListl_DeleteCommand 函数 相关 联 。 读 者 可 能 已 经 注意 到 与 DataList 关联 的 函数 都 带 
有 一 个 DataListCommandEventArgs 参数 。 该 参数 表示 从 DataList 传递 给 该 函数 的 信息 。 
DataListCommandEventArgs 具有 如 下 属性 。 


4. 


CommandArgument: 表示 来 自 于 产生 该 事件 控件 的 CommandArgument 属性 值 。 
CommandName: 表示 产生 该 事件 的 命令 名 称 。 

CommandSource: 表示 产生 该 事件 的 DataList 控件 。 

Item; 表示 来 自 DataList 的 项 。 就 是 DataList 中 发 生 事件 的 那 一 项 。 该 属性 非常 
有 用 ,在 后 面 的 章节 中 会 经 常用 到 。 

使 用 DataList 控件 中 的 DataKeys 集合 


在 选择 DataList 中 的 一 个 项 时 ,通常 需要 获取 与 这 个 项 相关 联 的 主键 的 值 。 可 以 使 用 
DataKeys 集合 来 获取 与 一 个 项 相关 联 的 主键 的 值 。 假 设 要 在 DataList 中 显示 一 个 名 为 
Authors 的 数据 库 表 ,其 中 包含 两 个 名 为 au id 和 au_fname 的 列 , 当 用 户 选 择 DataList 中 
的 一 个 项 时 ,要 提取 与 被 选项 相关 联 的 au id 列 的 值 , 要 实现 这 个 操作 , 则 需要 设置 
DataList 控件 的 DataKeyField 属性 : 


DataKeyField- "au id" 
OnItemCommand- "Datalistl TtemCommand" 
Runat- "Server"? 
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如 果 把 数据 库 表 的 主键 类 的 名 称 赋值 给 DataKeyField 属性 ,那么 当 绑 定 DataList 到 
Authors 的 数据 表 时 ,一 个 名 为 DataKeys 的 特殊 集合 就 自动 生成 了 。DataKeys 集合 包含 
来 自 数 据 库 表 的 所 有 的 主键 值 , 其 顺序 与 DataList 中 的 项 相同 。 

注意 : 只 有 当 所 使 用 的 数据 表 具 有 单个 主键 列 时 , 才 可 以 使 用 DataKeys 集合 。 也 就 是 
说 不 能 使 用 联合 主键 。 

在 创建 了 DataKeys 集合 后 ,就 可 以 通过 传递 项 的 索引 值 给 DataKeys 集合 来 获取 
DataList 中 与 相关 项 关联 的 主键 值 。 比 如 ,要 获取 由 DataList 显示 的 第 三 项 的 主键 值 ,就 
可 以 使 用 以 下 语句 : 


DataList1.DataKeys[2] 
如 果 要 在 DataList 控件 的 事件 处 理 函 数 中 发 生 事件 的 项 的 主键 值 , 则 可 以 使 用 语句 : 
DataList1.Datakeys [e. Item. ItemIndex] 


5. 编辑 DataList 中 的 项 

DataList 控件 具有 一 个 名 为 EditItemTemplate 的 模板 ,可 以 在 EditItemTemplate 中 放 
置 表单 控件 ,以 便 能 在 DataList 中 编辑 特定 的 项 。 当 DataList 的 EditItemIndex 属性 (该 属 
性 默认 值 为 一 1, 表 示 不 显示 EditItemTemplate 模板 ) 的 值 为 DataList 某 一 项 的 索引 的 时 
候 ,对 应 的 项 将 会 以 EditItemTemplate 模板 显示 。 注 意 ,在 DataList 中 一 次 只 能 有 一 个 项 
被 选 定 来 编辑 。 如 下 程序 演示 了 如 何 编辑 DataList 的 项 ,其 中 最 主要 的 部 分 就 是 
UpdateCommand 事件 的 处 理 程序 ,因为 DataList 不 会 自动 处 理 更 新 数据 表 的 操作 ,必须 自 
己 编写 所 有 的 代码 。 

网 页 HTML 代码 如 下 。 


«html» 
«head» 
«title» DataListEdit.aspx« /title» 
< /head> 
<body> 
< form runat- "Server"> 
« asp:datalist id- "DataListl" 
datakeyfield- "au id" 
oneditoommend- "Datalistl EditCommand" 
oncanceloammand- "Datalistl Cancel P 
ondeletecammand= "Datalistl DeleteCcmmand" 
onupdatecammand- "Datalistl UpdateCoammand" 
repeatoolums- "4" gridlines- "Both" 
cellpadiing- "10" 
edititemstyle- backcolor- "lightgrey" runat- "Server"> 
« itemtemplate» 
&lt;S4DataBinder.Eval (Container.Dataltem, 
&quot;au lname&quot;)$&gt; 
- &1t;%#DataBinder.Eval (Cantainer.DataTtem, &gxot;phanesquot:; ) sagt; 
<br /> 
«asp:linkoutton text= "Edit!" camandname- "edit" runat- "Server" /> 
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< /itemtenplate» 
« edititemtemplate» 
«b» Last Name:« /b> 
<br /> 
« asp:textbox 
id "txtLastName" 
text= "&lt;$4DataBinder.Eval(Container.DataItem, &quot;au lname- 
&quot;)$&gt;" 
runat- "Server" /> 
«p» «b» Fhone:< /p> <br /> 
< asp:textbox 
id- "txtPhone" 
text= "&1t;*4DataBinder.Eval (Container.Dataltem, &quot;phone& 
quot;)$sgt;" 
runat- "Server" /> 
«pp «p» 
< asp:linkbutton text= "Update!" 
cammandname- "update" runat- "Server" /> 
« asp:linkbutton text- "Delete!" 
Cormandname= "delete" runat- "Server" /> 
« asp:linkbutton text- "Cancel!" 
cammandname- "cancel" runat- "Server" /> «p» 
< /edititemtemplate» 
< /asp:datalist» 
< /fomi» 
< /pody» 
< /htm> 


后 台 处 理 代码 如 下 。 


void Page Ioad(Object sender, EventArgs e) 
{ 
if (! IsPostBack) ( 
BindDataList(); 


void BindDataList() ( 
SqlConnection conn; 
SqlCamand amd; 
SqiDataReader dr; 
con new SqlConnection("Server- localhost; Database- Pubs;uid- sa; 
pÆ 123"); 
amd- new SqlCamand("Select au id, au lname, phone From Authors Order by 
au lname", conn); 
conn-Open ( ; 
dr= amd. ExecuteReader () ; 
Datalistl.DataScurce- dr; 
DataListl.DataBind(); 
dr.Close(); 
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void DataListl EditCammand(dbject s, DataListCoammandEventArgs e) ( 
Datalistl.FditItemIndex- e.Item.ItemIndex; 
BindDetaList (); 

} 

void DataListl CancelCamand (dbject s, DataListCamandEventArgs e) ( 
Datalistl.FditItemIndex- - 1; 
BindDataList () ; 


void Datalistl DeleteCommand(dbject s, DataListCammandEventArgs e) ( 
SqlConnection conn; 
string strDelete; 
SqlCamand amipelete; 
string strAuthorID; 
strAuthorID- DataListl.DataKeys[ (int) e. Item. TtemIndex] .ToString () ; 
con new SqiConnection ("Server- localhost; Database- Pubs;uid- sa; 
pÆ 123") ; 
strDelete- "Delete Authors Where au id 6 authorID"; 
mdDelete= new SqlCamand (strDelete, conn); 
amdbelete.Parameters.Add("? authorID", strAuthorID); 
conn.Open () ; 
amaDelete.ExecuteNonRuery()7 
conn.Close(); 
DataListl.EditItemIndex-- 1; 
BindDataList(); 


void Datalistl UpdateCoammand(dbject s, DataListCammandEventArgs e) ( 
SglConnection conn; 
string strUpdate; 
SqlCamand amdupdate; 
string strAuthorID; 
strAuthorID- DataListl.DataKeys[ (int) e. Item. ItemIndex] .ToString() ; 
TextBox txtlastName- (TextBox)e.Item.FindControl ("txtLastName") ; 
TextBox txtPhone- (TextBox)e.Item.FindControl ("txtPhone") ; 
conr new SqlConnection ("Server= localhost; Database- Pubs;uid- sa; 
Ped 123"); 
Strüpdate- "Update Authors set au lname- 8 lastname, phone- 6 phone Where 
au id-Q authorID"; 
amdupdate- new SqlCamand (strUpdate, conn); 
amdupdate.Parameters.Add("? authorID", strAuthorID) ; 
amdupdate.Parameters.Add("8 lastname", txtlastName.Text) ; 
amdupdate.Parameters.Add("8 phone", txtPhone.Text) ; 
conn.Open () ; 
amdupdate.ExecuteNonQuery () ; 
conn.Close() ; 
Datalistl.EditltemIndex-- 1; 
BindDetaList (); 
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运行 以 上 程序 , 单 击 其 中 某 一 项 中 的 edit 按钮 的 时 候 ,将 触发 DataList 控件 的 
EditCommand 事件 。 通 过 执行 语句 DataListl. EditItemIndex — e. Item. ItemIndex, 将 当前 
项 显示 为 EditItemTemplate 模板 。 在 EditItemTemplate 模板 中 单 击 cancel 按钮 的 时 候 ， 
将 触发 DataList 控件 的 CancelCommand 事件 ,通过 执行 语句 DataListl. EditItemIndex = 
一 1, 将 当前 项 恢复 显示 为 ItemTemplate 模板 。 当 单 击 update 按钮 的 时 候 , 将 触发 
DataList 控件 的 UpdateCommand 事件 。 在 UpdateCommand 事件 的 处 理 程 序 中 ,需要 取 
得 当前 项 对 应 的 主键 值 及 修改 之 后 的 值 才 能 够 完成 更 新 ,DataList1. DataKeys[ (int)e. Item 
. IremIndex]. ToString() 语 句 用 来 获取 当前 主键 值 。 注 意 不 要 遗忘 指定 DataListl 的 
DataKeyField 属性 值 为 主键 字段 。DataKeys 集合 返回 数据 类 型 为 object 类 型 ,还 需要 调用 
其 ToString() 方 法 来 转换 成 字符 串 类 型 。 通 过 执行 语句 (TextBox)e. Item. FindControl 
("txtLastName") 来 获得 更 新 后 的 au_lname 的 值 ,FindControl( "控件 ID") 方 法 通过 检索 
当前 项 中 包含 的 特定 ID 的 控件 ,其 返回 值 类 型 为 Control 类 型 ,所 以 还 需要 强制 将 其 转换 
为 TextBox 类 型 ,如 果 没 有 找到 该 ID 的 控件 , 则 返回 0, 再 通过 取得 的 主键 值 和 更 新 后 的 字 
段 的 值 更 新 数据 库 表 。 最 后 不 要 忘 了 重新 绑 定 一 下 数据 ,和 否则 数据 库 里 最 新 的 数据 将 不 会 
显示 出 来 。 


5.3.2 DataList 分 页 


DataList 相对 GridView 控件 具有 更 高 的 样式 自 定义 性 ,但 是 DataList 没有 分 页 功能 ， 
有 时 很 不 方便 。PagedDataSource 类 封装 了 GridView 控件 的 属性 ,从 而 使 DataList 控件 可 
以 执行 分 页 。 它 是 一 个 数据 的 容器 ,其 执行 步 又 是 先 把 数据 从 数据 库 中 读 取 出 来 放 在 这 个 
容器 中 ,然后 设置 容器 的 属性 ,并 取出 当前 要 显示 的 页 上 的 部 分 数据 ,再 将 此 部 分 数据 绑 定 
到 页 面 的 显示 控件 上 。 

PageDataSource 类 的 属性 见 表 5-4. 

表 5-4 PageDataSource 类 的 属性 

PagedDataSource 类 的 属性 作 用 

获取 或 设置 指示 是 否 启 用 自 定义 分 页 的 值 


AllowCustomPaging 


AllowPaging 获取 或 设置 指示 是 否 启用 分 页 的 值 
Count 获取 要 从 数据 源 使 用 的 项 数 
CurrentPageIndex 获取 或 设置 当前 页 的 索引 
DataSource 获取 或 设置 数据 源 
DataSourceCount 获取 数据 源 中 的 项 数 


FirstIndexInPage 


获取 页 中 的 第 一 个 索引 


IsCustomPagingEnabled 


获取 一 个 值 , 该 值 指示 是 否 启用 自 定 义 分 页 


IsFirstPage 


获取 一 个 值 , 该 值 指示 当前 页 是 否 是 首页 


IsLastPage 


获取 一 个 值 , 该 值 指示 当前 页 是 否 是 最 后 一 页 


IsPagingEnabled 获取 一 个 值 ,该 值 指示 是 否 启 用 分 页 

IsReadOnly 获取 一 个 值 , 该 值 指示 数据 源 是 否 是 只 读 的 

IsSynchronized 获取 一 个 值 , 该 值 指示 是 否 同步 对 数据 源 的 访问 (线程 安全 ) 
PageCount 获取 显示 数据 源 中 的 所 有 项 所 需要 的 总 页 数 

PageSize 获取 或 设置 要 在 单 页 上 显示 的 项 数 

VirtualCount 获取 或 设置 在 使 用 自 定义 分 页 时 数据 源 中 的 实际 项 数 
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ARBI 3: 从 Pubs 的 Jobs 数据 表 中 获取 数据 ,采用 分 页 方式 展示 数据 如 图 5-10 所 
示 。 当 单 击 * 上 一 页 ”按钮 , 则 切换 到 上 一 页 数据 页 。“ 下 一 页 ”按钮 的 作用 也 类 似 。 


Oe http://loca... fO z] falf] (B localhost 


Business Operations Manage 
3175 

225 

Chief Financial Officier] 
M175 

|250 
ITERICHICHAR 


图 5-10 示例 3 效果 


(C http://localhost:19022/paged. aspx — Windows Int i 


=| 口 | | 


CD 编写 数据 绑 定 过 程 。 为 便于 复 用 ,编写 getData. Jobs 方法 ,其 作用 是 从 数据 库 中 检 
索 数据 ,并 填充 到 DataTable 中 。 按 F7 功能 键 ,切换 到 代码 页 面 ,输入 以 下 代码 。 


private DataTable getData Jobs () 
ji 
String sql-"select * from jdos"; 
SqlConnection conn; 
SqlCamand ad; 
SqlDataReader dr; 


conre- new SqiConnection ("Server- localhost; Database- Pubs;uid- sa; 


pwd- zzb") ; 
amd- new SqlCamand (sql, conn); 
conn.Open () ; 
SqlDataAdapter sda- new SqlDataAdapter (ard) ; 
DataTable dt- new DataTable() ; 
Sda.Fill(dt); 
conn.Close(); 
retum dt; 
H 


© 拖 动 DataList 控件 到 页 面 , 单 击 智能 提示 按钮 , 单 击 “ 编 辑 模板 ”按钮 , 拖 动 4 个 


Label 控件 按照 图 5-11 所 示 布 局 ,修改 相应 的 ID 分 别 为 


IblId,lbIDesc,IbIMin,lblMax, 

@ 编辑 绑 定 。 单 击 lblID 标签 智能 提示 , 单 击 “ 编 辑 
DataBinds” 菜 单项 , 单 击 Text 属性 ,在 “代码 表达 式 ” 文 本 
框 中 输入 Eval("job_id") ,如 图 5-12 所 示 。 其 他 三 个 标签 控 
件 操作 类 似 。lblDesc 标签 绑 定 代码 表达 式 为 Eval("job_ 


DataListl - 项 模板 


ItenTenplate 


图 5-11 示例 3 布局 


> 


desc") ,lblMin 标签 绑 定 代码 表达 式 为 Eval("min_lvl"),1blMax 标签 绑 定 代码 表达 式 为 


Eval("max_lvl") 。 
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图 5-12 ”编辑 绑 定 


CD Hiz) Label 和 Button 控件 至 底部 ,如 图 5-11 所 示 。 更 改 Labell 的 ID 为 
lblCurrent、Buttonl 的 ID 为 lbtnFirst、 Button2 的 ID 为 lbtnPrev、 Button3 的 ID 为 
IbtnNext, Button4 的 ID 为 lbtnLast。 

© 在 代码 页 中 输入 getData 方法 ,功能 是 根据 传递 的 页 面 序号 显示 相应 的 数据 。 

Static int i; 


I 


PagedDataSource pd- new PagedDataScurce () 7 
pd.AllowPaging- true; 
pd.PageSize- 2; 
pd.CurrentPageIndex- pageIndex - 1; 
pd.DataSouroe- getData Jobs () .DefaultView; 
Datalistl.DataScurce- pd; 
Datalistl.DataBind(); 
lblCurrent.Text- Convert .ToString (pd.CurrentPageIndex 1) ; 
lblOount.Text- "/"; 
lblCount.Text* = pd. PageCount .ToString () ; 
i=pd.PageComnt; 
if(pd.IsFirstPage) 
1 

lbtnFirst.Visible- false; 
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这 段 代 码 主要 运用 了 PagedDataSource 对 象 ,将 其 对 象 的 DataSource 设置 为 获取 的 表 
的 默认 视图 。 然 后 分 别 设置 PagedDataSource 对 象 的 AllowPaging 等 属性 。 变 量 i 标识 为 


当前 页 序号 。 
© 双击 lbtnFirst 按钮 ,进入 事件 相应 代码 页 面 ,输入 如 下 代码 。 


protected void lbtnFirst Cammand(cbject sender, CammandEventArgs e) 
t 
Switch (e.CamandName) 
t 
case "First": 
getrata(1) ; 
break; 
case "Next": 
getData (Convert . ToInt32 (IblCurrent . Text) 1) ; 
break; 
case "Prey": 
getData (Convert .ToInt32 (lblCurrent.Text) - 1); 
break; 
case "Last": 
gtData (i); 
break; 
default: 
getrata(1) ; 
break; 


) 


CD 单 击 IbtnPrev 按钮 ,在 属性 窗口 中 单 击 “ 事 件 ” 按 钮 , 单 击 Command 属性 , 单 击 右 侧 
下 拉 列 表 , 再 单 击 lbtnFirst_Command, 如 图 5-13 所 示 。 其 他 的 lbtnNext、lbtnLast 也 同样 


设置 该 事件 。 
@ 设置 DataList 控件 样式 。 单 击 智 能 提示 , 单 击 “ 自 动 套 用 格式 ”菜单 项 ,如 图 5-14 


所 示 。 
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'asp:DataListeDataListi] 


属性 生成 器 
添加 扩展 程序 . 
编辑 模板 


lbtnPrev System. Web. UI. WebControls. LinkButton ~ 
E-IETIESIEAIEZ 

Click 
Err ri ci s 


DataBinding 
Disposed 
Init 
Load 
PreRender 
Unload 


图 5-13 设置 Command 事件 图 5-14 ”自动 套用 格式 


5.3.3 GridView 


GridView 控件 为 开发 人 员 提 供 了 强大 的 管理 方案 ,同样 GridView 也 支持 内 置 格式 , 单 
击 “ 自 动 套 用 格式 ”按钮 可 以 选择 GridView 中 的 默认 格式 ,如 图 5-15 所 示 。GridView 是 以 
表格 为 表现 形式 ,GridView 包括 行 和 列 ,通过 配置 相应 的 属性 能 够 编辑 相应 的 行 的 样式 , 同 
样 也 可 以 选择 “编辑 列 ” 选 项 来 编写 相应 的 列 的 样式 ,如 图 5-16 所 示 。 


图 5-15 自动 套用 格式 


1. GridView 数据 显示 


GridView 大 部 分 场合 下 都 是 用 来 绑 定 数据 源 ,进行 数据 的 显示 。 一 般 情况 下 ,可 以 绑 
定 到 SqlDataSource 控件 .DataTable Xf £& , DataView 对 象 ,: 也 可 以 绑 定 到 列表 对 象 。 常 见 
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5-16 ”编辑 列 


的 是 使 用 DataSource 属性 进行 数据 绑 定 ,此 选项 能 够 绑 定 到 包括 ADO. NET 数据 集 和 数 
据 读 取 咒 在 内 的 各 种 对 象 ,能 够 自由 实现 各 种 功能 ,但 此 方法 需要 为 所 有 附加 功能 (如 排序 、 
分 页 和 更 新 ) 编 写 代 码 。 特 别 值得 提醒 的 是 ,采用 DataSource 属性 实现 数据 显示 ,除了 设置 
DataSource 属性 外 ,还 必须 调用 Gridview 控件 的 DataBind 方法 ,才能 最 终 将 数据 显示 到 
Gridview 中 。 

Jp 示例 4: 在 GridView 中 显示 Pubs 数据 库 中 的 jobs 数据 。 

CD 拖 动 GridView 控件 到 页 面 。 

© 单 击 “ 自 动 套 用 格式 ”菜单 项 ,打开 “自动 套用 格式 "对话 框 , 单 击 “ 彩 色 型 "列表 项 , 单 
击 “ 确 定 ” 按 钮 ,如 图 5-17 所 示 。 


图 5-17 “自动 套用 格式 ”对 话 框 
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© f F7 功能 键 切换 到 代码 页 面 ,在 Page Load 事件 中 输入 下 面 代 码 , 按 F5 功能 键 运 


行 , 得 到 如 图 5-18 所 示 的 结果 。 


protected void Page Load (dbject sender, EventArgs e) 


t 
if (!Page. IsPostBack) 
t 
string sql- "select * 
SqlConnection conn; 
Sqlcoammand and; 
SalDataReader dr; 


fram jcbs"; 


conr new SqlConnection ("Server- localhost; Database- Pubs;uid- sa;pwd- zzb") ; 
mE new SqlCamaend (sql, conn) ; 


conn.Open () ; 


SqlDataAdapter sda- new SqlDataAdapter (aud) ; 
DataTable dt- new DataTable(); 


Sda.Fill(dt); 


conn.Close(); 


GridViewl.DataSouroce- dt; 


GridViewl.DataBind(); 


2. GridView 七 种 字段 


job_desc min lvl max lvl 


New Hire - Job not specified 10 


Chief Executive Officer 200 
Business Operations Manager 175 
Chief Financial Officier 175 
Publisher 150 
Managing Editor 140 
Marketing Manager 120 
Public Relations Manager 100 
Acquisitions Manager 75 
Productions Manager 75 
Operations Manager 75 
Editor 25 
Sales Representative 25 
Designer 25 


图 5-18 示例 4 效果 图 


ASP.NET 中 GridView 绑 定 到 数据 源 时 ,可 以 自动 显示 数据 源 的 各 个 字段 。 只 要 设 定 
其 AutoGenerateColumns 为 TRUE 即 可 。 但 自动 显示 有 其 不 好 的 一 面 ,因为 不 能 自 定义 控 
制 显示 的 样式 。 解 决 以 上 问题 的 办 法 就 是 指定 需要 GridView 显示 的 字段 ,GridView 控件 


支持 以 下 七 种 类 型 的 Field。 
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* BoundField: 将 数据 项 显示 为 文本 。 

e CheckBoxField: 将 数据 项 显示 为 复 选 框 。 

e CommandField: 使 用 链接 来 支持 编辑 ,删除 或 选中 行 。 

。 ButtonField: 将 数据 项 显示 为 按钮 (ImageButton、LinkButton、Button)。 
。 HyperLinkField: 将 数据 项 显示 为 超 链接 。 

。 ImageField: 将 数据 项 显示 为 图 片 。 

。 TemplateField: 自 定 义 数据 项 的 外 观 。 

(D BoundField。GridView 在 显示 状态 时 ,BoundField 总 是 直接 把 数据 项 显示 为 文本 ; 
GridView 在 编辑 状态 时 , BoundFiled 将 数据 项 显示 为 一 个 单行 的 文本 框 。 除 了 其 父 类 
DataControlField 的 几 个 属性 外 ,还 有 以 下 几 个 重要 属性 。 

。 DataField: 显示 的 字段 。 

。 DataFormatString: 字段 格式 化 。 

* HtmlEncode/HtmlEncodeFormatString: 获取 或 设置 一 个 值 , 该 值 指示 在 
BoundField 对 象 中 显示 字段 值 之 前 ,是 否 对 这 些 字段 值 进行 HTML 编码 。 

注意 : FormatString 经 常用 来 格式 化 数字 日 期 字符 串 、 自 定义 类 型 。 

© CheckBoxField。CheckBoxField 会 在 相应 的 列 内 显示 一 个 复 选 框 ,在 没有 进入 编辑 
模式 时 ,其 复 选 框 处 于 禁用 状态 。CheckBoxField 通过 设置 Text 属性 ,可 以 在 每 一 个 复 选 
框 旁边 显示 一 个 标题 。 

@ CommandField。 使 用 CommandField 可 以 定制 GridView 控件 中 Edit, Delete, 
Update Cancel, Select 等 按钮 的 外 观 。 需 要 使 用 CommonField 时 ,不 要 启用 GridView 的 
AutoGenerateEditButton 和 AutoGenerateDeleteButton 属性 , 因为 可 以 直接 使 用 
CommandField, 

CommandField 的 一 些 属性 如 下 。 

* ButtonType: 指定 Button 类 型 ,可 以 有 Button, Image, Link 类 型 。 
CancelText/CancelImageUrl; Cancel 按钮 中 的 文本 /图 像 URL, 
。 DeleteText/DeleteImageUrl: Delete 按钮 中 的 文本 /图 像 URL. 
InsertText/InsertImageUrl: Insert 按钮 中 的 文本 /图 像 URL. 
EditText/EditImageUrl; Edit 按钮 中 的 文本 /图 像 URL. 

。 UpdateText/UpdateImageUrl; Update 按钮 中 的 文本 /图 像 URL. 

。 SelectText/SelectImageUrl: Select 按钮 中 的 文本 /图 像 URL. 

。 NewText/NewJImageUrl: New 按钮 中 的 文本 /图 像 URL. 

* CauseValidation: 单 击 按钮 时 是 否 启用 校 验 。 

。 ValidationGroup: 指定 和 编辑 按钮 相关 验证 控件 组 的 名 称 。 

CD ButtonField。 使 用 ButtonField 可 以 在 GridView 中 显示 一 个 按钮 ,使 用 它 可 以 完成 
自 定 义 或 标准 的 编辑 命令 。 单 击 GridView 中 的 ButtonField 字段 ,会 触发 GridView 中 的 
OnRowCommand 事件 。 可 以 在 这 个 事件 中 处 理 相关 的 命令 事件 。 

ButtonField 有 以 下 几 个 属性 。 
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ButtonType: Button 类 型 ,可 以 为 Button、Image、LinkButton。 

CauseValidation: 指定 按钮 单 击 时 是 否 引 发 验证 。 

CommandName: 指定 ButtonField 关联 的 标准 编辑 命令 ,可 以 为 Delete、 Edit、 
Update、Cancel, 也 可 以 自 定义 。 

DataTextField/DataTextFormatString: 指定 按钮 文本 的 数据 项 /数据 项 格式 。 
Text: 按钮 文本 。 

ValidationGroup: 与 按钮 相关 验证 控件 组 的 名 称 。 


© HyperLinkField。HyperLinkField 用 来 链接 到 其 他 页 面 。 当 创建 两 个 主 从 表单 的 
时 候 , HyperLinkField 非常 有 用 。 
HyperLinkField 具有 以 下 属性 。 


DataNavigateUrlFields: 在 DataNavigateFormatString 中 使 用 的 列 名 称 。 
DataNavigateFormatString: 格式 化 链接 字符 串 。 
DataTextField/DataTextFormatString: 超 链接 文本 / 超 链 接 文本 格式 化 。 
NavigateUrl; 链接 到 其 他 页 面 的 URL. 

Target: 链接 目标 ,可 以 使 用 _blank、parent、_self、top。 

Text: 超 链 接 的 文本 。 


© ImageField, ImageFleld 用 来 显示 保存 在 服务 器 上 的 图 片 ,不 能 用 ImageField 来 显 
示 保 存在 数据 库 上 的 图 片 。 
ImageField 有 以 下 几 个 属性 。 


AlternateText: 预备 文本 。 

DataAlternateTextField: 使 用 指定 列 的 值 作 为 预备 文本 。 
DataAlternateTextFormatString: 预备 文本 格式 字符 串 。 
DataImageUrlField: 存放 图 片 路 径 的 列 名 。 
DataImageUrlFormatString: 图 片 路 径 格式 字符 串 。 
NullImageUrl: 指定 预备 图 片 


G) TemplateField。 使 用 TemplateField 可 以 在 GridView 控件 的 数据 列 中 添加 任何 内 
容 , 例 如 HTML ,数据 绑 定 表达 式 或 者 ASP. NET 控件 等 。 可 以 使 用 TemplateField 定制 
用 户 界 面 或 者 给 被 编辑 字段 添加 验证 。 

TempateField 支持 以 下 6 种 类 型 的 模板 。 


ALternatingItemTemplate: 间隔 行 模板 。 
EditItemTemlpate: 编辑 行 模板 。 

FooterTemplate: 脚注 模板 。 

HeaderTemplate: 标题 模板 。 

InsertItemTemplate: 插入 行 模板 (不 支持 GridView 控件 ) 。 
ItemTemplate: 每 个 显示 行 模板 


ARB 5. 将 示例 4 中 的 GridView 标题 设置 为 中 文 表示 。GridView 数据 绑 定时 会 自 
动产 生 列 ,需要 将 自动 产生 列 功 能 取消 ,手动 使 用 BoundField 进行 绑 定 。 


175 


ASP NET 动态 网 站 开发 


单 击 智能 提示 , 单 击 “ 编 辑 列 " 菜 单项 ,打开 “字段 ”对话 框 ,如 图 5-19 所 示 。 单 击 取 
消 选 中 “自动 生成 字段 " 复 选 框 。 


aixi 
司 用 字段 内 : THE 0: 


EHG 


Ell CheckBoxField 
JM HyperLinkField 
gll ImageField 


di ButtonField 
W ConmandField 


M TenplateFiela xl 


Iv 自动 生成 字段 (6) 


图 5-19 “字段 ?对 话 框 


© 单 击 BoundField, 单 击 * 添 加 ”按钮 , 单 击 DataField 属性 ,输入 job id。 单 击 
HeaderText 属性 ,输入 “工种 编号 ”, 这 样 job_id 数据 字段 就 绑 定 成 功 了 。 这 里 HeaderText 
属性 用 于 显示 字段 标题 ,如 图 5-20 所 示 。 用 同样 方式 采用 BoundField 绑 定 其 他 列 的 数据 ， 
最 终 效果 图 如 图 5-21 所 示 。 


字段 FE 
JAFRA): BoundField 属性 P): 
B 天 | 无 
P" CIE ValidateRequestMode Inherit al 
gll ImageField Visible True 
d ButtonField 日 可 访问 性 
W connandField AccessibleMeaderText. 
aA Tenplatefield zl 日 数据 
DatsField job id 
添加 中 ) DatsFornatString 
选 定 的 字段 G) 日 BEN 3 
种 编号 ooterText 
m m] KeaderInageUrl 
- e 工种 编号 si 
x HeaderTert 
此 字段 的 标 头 内 的 文本 。 
Iv 自动 生成 字段 C) TemplateField 


Ce ] » | 
Á 


图 5-20 HeaderText 属性 用 于 显示 字段 标题 


ARH 6. 单 击 “ 查 看 该 工种 员工 信息 "链接 ( 见 图 5-22) , 跳 转 到 显示 该 工种 的 员工 信 


息 ( 见 图 
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工种 描述 

1 New Hire - Job not specified 10 10 

2 Chief Executive Officer 200 250 
3 Business Operations Manager 175 225 
4 Chief Financial Officier 175 250 
5 Publisher 150 250 
6 Managing Editor 140 225 
7 Marketing Manager 120 200 
8 Public Relations Manager 100 175 
9 Acquisitions Manager 75 175 
10 Productions Manager 75 165 
11 Operations Manager 75 150 
12 Editor 25 100 
13 Sales Representative 25 100 
14 Designer 25 100 


图 5-21 示例 5 效果 图 


1 New Hire - Job not specified 

2 Chief Executive Officer 200 250 

3 Business Operations Manager 175 225 

4 Chief Financial Officier 175 250 

5 Publisher 150 250 

6 Managing Editor 140 225 a 

7 Marketing Manager 120 200 员 y 
8 Public Relations Manager 100 175 查看 该 工种 员工 信息 
9 Acquisitions Manager 75 175 查看 该 工种 员工 信息 
10 Productions Manager 75 165 查看 该 工种 员工 信息 
11 Operations Manager 75 150 查看 该 工种 员工 信息 
12 Editor 25 100 查看 该 工种 员工 信息 
13 Sales Representative 25 100 该 1 
14 Designer 25 100 查看 该 工种 员工 信息 


emp id fname minit lname job id job lvl pub i 
KJJ92907F Karla J Jablonski 9 170 9999 1994/3/11 0:00:00 
M-R38834F Martine Rance 9 75 0877 1992/2/5 0:00:00 
MAS70474F Margaret A Smith 9 78 1389 1988/9/29 0:00:00 
GHT50241M Gary H Thomas 9 170 0736 1988/8/9 0:00:00 
图 5-23 跳 转 


CD 在 示例 5 的 基础 上 ,进一步 添加 超 链 接 列 。 在 “字段 ?对 话 框 中 单 击 HyperLinkField 
列表 项 , 单 击 “添加 ?按钮 。 在 右边 的 属性 窗口 中 单 击 DataNavigateUrlFields 属性 ,输入 job id. 
在 DataNavigateUrlFormatString 中 输入 一 /Employees. aspx?jid 王 40}。!{0} 表 示 占 位 符 ， 
将 DataNavigateUrlFields 中 的 第 一 个 字段 填充 到 {0} 中 ,表示 Url 传 值 。 

© 双击 打开 Employees. aspx 页 面 , 按 F7 功能 键 输入 下 面 的 代码 。 
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protected void Page Ioad(doject sender, EventArgs e) 


t 


if (!Page.IsPostBack) 


t 


int jid- Convert.ToInt3? (Request .QueryString[')id"] .ToString()) ; 
SalConnection conn; 

SqlCamand ami; 

SqlDataReader dr; 

conne new SqlConnection("Server- localhost; Database- Pubs;uid- sa; 
pad- zzb") ; 

amd-new SqlCamand("Select * From Employee where job id- "+ jid, conn); 
conn.Open () ; 

dr- and.ExecuteReader () ; 

GridViewl.DataScuroe- dr; 

GridViewl.DataBind(); 

dr.Close(); 

conn.Close(); 


) 


.车 示例 7 


: 单 击 “删除 按钮 ,删除 对 应 的 工种 ,如 图 5-24 所 示 。 删 除 功 能 可 以 通过 


CommandField 的 删除 命令 来 完成 。 


工种 编号 工种 描述 


最 低 工资 最 高 工资 


1 New Hire - Job not specified i 1 

2 Chief Executive Officer 200 250 查看 该 工种 员工 信息 

3 Business Operations Manager 175 225 查看 该 工种 员工 信 

4 Chief Financial Officier 175 250 查看 该 工种 员工 信息 

5 Publisher 150 250 查看 该 工种 员工 信息 

6 Managing Editor 140 225 查看 该 工种 员工 信息 

7 Marketing Manager 120 200 查看 该 工种 员工 信 

8 Public Relations Manager 100 175 查看 该 工种 员工 信息 删除 
9 Acquisitions Manager 75 175 查看 该 工种 员工 信息 删除 
10 Productions Manager 75 165 查看 该 工种 员工 信息 删除 
11 Operations Manager 75 150 查看 该 工种 员工 信息 删除 
12 Editor 25 100 查看 该 工种 员工 信息 删除 
13 Sales Representative 25 100 查看 该 工种 员工 信息 删除 
14 Designer 25 100 查看 该 工种 员工 信息 删除 


图 5-24 删除 功能 


(D 在 "字段 ”窗口 对 话 框 中 单 击 CommandField 并 选择 “删除 ?列表 项 , 单 击 “添加 ” 


按钮 。 
© 单 击 G 


ridView 控件 , 单 击 DataKeyNames 属性 ,输入 job_id。DataKeyNames 表示 


主键 的 列 名 ,可 以 通过 GridViewEntity. DataKeys[ RowIndex ][ "ColumsName"] 来 获取 它 


的 值 。 这 个 步骤 切 勿 跳 过 。 
@ 单 击 GridView 控件 , 单 击 事件 按钮 ,双击 RowDeleting 事件 ,进入 代码 编辑 状态 。 


RowDeleting 3j 
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和 件 在 “删除 ”按钮 被 触发 时 调用 。 
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protected void Gridviewl RowDeleting(dbject sender, GridViewDeleteFventArgs e) 
t 
String jid- Gridviewl.DataKeys [e.RowIndex] .ToString() ; 
SqlConnection conn; 
SqlCamand and; 
string sql= "delete frm jobs where jdo id-": jid; 
conr new SqlConnection("Server- localhost; Database- Pubs;uid- sa; 
pad- zzb") ; 
ar new SqlCamand (sql, conn) ; 
conn.Open() ; 
and. ExecuteNonQuery () ; 
conn.Close(); 
H 


ARGS: 在 示例 7 的 基础 上 添加 分 页 功能 ,如 图 5-25 所 示 。 


工种 编号 工种 描述 最 低 工资 最 高 工资 

6 Managing Editor 140 225 查看 该 工种 员工 信息 删除 

7 Marketing Manager 120 200 查看 该 工种 员工 信息 删除 

8 Public Relations Manager 100 175 查看 该 工种 员工 信息 删除 

9 Acquisitions Manager — 75 175 查看 该 工种 员工 信息 删除 

10 Productions Manager 75 165 查看 该 工种 员工 信息 删除 
123 


(D 单 击 GridView 控件 , 单 击 AllowPaging 属性 并 将 其 设 为 True, 

© 单 击 PageSize 属性 ,输入 5。 

© 单 击 GridView 控件 , 单 击 事件 按钮 ,双击 PageIndexChanging 事件 。 输入 以 下 
代码 。 


protected void Gridviewl PageIndexhanging (dhject sender, GridViewPageEventArgs e) 
{ 

Gridviewl.PageIndex- e.NewPageIndex; 

Bind; 
H 


其 中 Bind 方法 是 简单 的 数据 查询 功能 。 为 便于 多 次 调用 ,将 其 封装 成 Bind 方法 。 


Public void Bind() 
t 
string sql= "select * from jdos"; 
SqlConnection conn; 
SqlCamand amd; 
SqiDataReader dr; 
cone ne Saloonnection("Server- localhost; Databese- Pubs;uid- sa;pwd- zzb") ; 
ami- new Sqlcamand (sql, conn) ; 
conn.Open ( ; 
SqlDataAdapter sda- new SqlDataAdapter (amd) ; 
DataTable dt- new DataTable () 7 
sda.Fill(dt); 
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conn.Close(); 
Gridviewl.DataScurce- dt; 
Gridviewl.DataBind(); 

} 


5.3.4 DetailsView 


前 面 内 容 介 绍 了 如 何 使 用 TemplateField X Á X GridView 和 DetailsView 的 输入 。 
TemplateField 使 我 们 可 以 高 度 自 主 地 定义 某 个 特定 的 列 , 但 不 管 是 GridView 还 是 
DetailsView, 都 会 有 点 太 规则 了 ,简单 地 说 就 是 它们 都 有 着 四 四 方 方 的 格子 一 样 的 外 观 。 
很 多 情况 下 这 样 的 格子 一 样 的 外 观 是 很 不 错 的 ,不 过 有 的 时 候 我 们 却 需 要 使 用 一 个 不 规则 
的 显示 外 观 。 当 需要 显示 一 个 单独 的 记录 时 ,使 用 FormView 控件 就 可 以 实现 这 种 比较 随 
意 的 外 观 呈现 。 与 DetailsView 不 同 ,FormView 并 不 是 由 那些 杂七杂八 的 列 所 组 成 的 。 不 
能 给 一 个 FormView 添加 BoundField 或 是 TemplateField ,不 过 FormView 是 使 用 模板 来 
呈现 的 。 我 们 可 以 这 样 来 理解 FormView: 把 它 当 作 只 含有 一 个 TemplateField 的 
DetailsView 控件 。FormView 支持 以 下 这 些 模板 。 

* ItemTemplate: 用 于 在 FormView 种 呈现 一 个 特殊 的 记录 。 

* HeaderTemplate: 用 于 指定 一 个 可 选 的 页 丑行 。 

。 FooterTemplate: 用 于 指定 一 个 可 选 的 页 脚 行 。 

。 EmptyDataTemplate; 当 FormView 的 DataSource 缺少 记录 的 时 候 ， 
EmptyDataTemplate 将 会 代替 ItemTemplate 来 生成 控件 的 标记 语言 。 

* PagerTemplate: 如 果 FormView 启用 了 分 页 ,这 个 模板 可 以 用 于 自 定 义 分 页 的 
界面 。 

* EditItemTemplate/InsertItemTemplate: 如 果 FormView 支持 编辑 或 插入 功能 , 那 
么 这 两 种 模板 可 以 用 于 自 定 义 相关 的 界面 。 

鉴于 FormView 也 是 基于 模板 操作 , 同 DataList 操作 非常 类 似 ,本 书 就 不 再 一 一 细 述 。 


54 项 目 实 施 


5.4.1 任务 1: 大 图 标 方式 显示 商品 信息 


1. 任务 目标 

(1) 能 熟练 使 用 DataList 显示 信息 。 

(2) 能 使 用 PagedDataSource 进行 分 页 。 

(3) 能 使 用 ADO. NET 访问 数据 库 。 

2. 任务 内 容 

CD. 以 大 图 标 方式 显示 商品 信息 。 

(2) 以 分 页 形式 显示 商品 信息 。 

3. 任务 实施 步 又 

该 任务 主要 考察 使 用 DataList 控件 的 熟练 程度 。DataList 是 基于 模板 的 ,而 且 默认 是 不 能 分 
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图 5-26 以 大 图 标 方式 显示 商品 信息 


CD 创建 以 大 图 标 方式 显示 商品 信息 的 内 容 页 。 右 击 Shop 文件 夹 ,选择 “添加 ”>“ 添 加 
新 项 ”命令 ,打开 * 添 加 新 项 ?对 话 框 , 单 击 “Web 页 面 ? 列 表 项 ,文件 名 文本 框 中 输入 
WareListView. aspx。 单 击 选中 "选择 母 版 页 ” 复 选 框 。 打 开 * 选 择 母 版 页 ”对话 框 ,选择 
Layout. master, 单 击 “ 添 加 ”按钮 。 

© 使 用 ADO. NET 编程 检索 数据 库 , 将 结果 保存 到 DataTable 对 象 中 。 任 务 中 仍旧 采 
用 ADO. NET 编程 检索 数据 库 ,将 检索 的 过 程 封 装 在 getData_Ware 方法 中 ,代码 如 下 。 


private DataTable getData Wares () 
t 
string sq= "select * fram T Ware"; 
SqlConnection conn; 
SqlCamand ami; 
conre- sh.getConn () ; 
conn.Open ()7 
Cm new SqlConmand (sql, conn); 
SqlDataAdapter sda- new Sql DataAdapter (amd) ; 


DataTable dt- new DataTable|() ; 
sda.Fill (dt); 
conn.Close(); 
retum dt; 
} [contentPisceroidei (EET spiDataListeD atat] 
o DataListl - 项 模 板 efe 
© 使 用 DataList 自 定义 显示 方式 ( 见 图 5-27). ET 
拖 动 DataList 控件 到 页 面 , 单 击 * 智 能 提示 ”, 单 击 * 纺 E NT 
辑 模 板 "菜单 项 ,打开 “项 模板 "编辑 窗口 。 拖 动 HTML (a tee 
标签 中 的 Table 控件 到 模板 中 ,将 其 设置 为 6 行 3 列 。 W 
右 击 Table 的 列 头 ,选择 “修改 "~ ”合并 单元 格 ” 命 令 。 E— —3] 


拖 动 Image 控件 到 第 1 行 第 1 列 , 单 击 Image 控件 “ 智 
能 提示 ”, 选 择 “ 编 辑 DataBinds” 命 令 . 单 击 ImageUrl 图 5-27 以 大 图 标 显示 商品 信息 模板 
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属性 ,在 绑 定 代码 表达 式 中 输入 Eval(" Ware Image"), 1f Image 控件 显示 图 片 路 径 动态 绑 
定 到 Ware Image 数据 字段 。 分 别 拖 动 3 个 Label 到 相应 位 置 ,同上 操作 ,将 Text 属性 分 
别 绑 定 到 Ware_Number、Ware_Name、Ware_Price。 拖 动 ImageButton 控件 到 商品 价格 下 
方 的 单元 格 , 单 击 ImageUrl 属性 ,选择 WebIcon 文件 夹 中 的 Buy. png 图 像 文件 。 

CD 使 用 PagedDataSource 实现 分 页 效果 ( 见 图 5-28)。 拖 动 Label 控件 到 DataList 控 
件 下 方 , 更 改 ID 为 lblCurrent。 拖 动 4 个 LinkButton 按钮 到 lblcurrent 标签 旁 。 设 置 Text 


属性 分 别 为 “首页 ” “上 一 页 ”“ 下 一 页 ”和 “ 末 页 ”, 设 置 其 CommandName 分 别 为 First、 


Prev, Next, Last, 


按 F7 功能 键 切换 到 代码 页 面 , 编 写 getData 方法 。 该 方法 要 求 提 供 页 号 这 个 参数 ,代码 
如 下 所 示 。 使 用 PagedDataSource 对 象 要 设置 AllowPaging, PageSize 和 CurrentPageIndex 


属性 。 
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图 5-28 分 页 


private void getData (int pageIndex) 


{ 


PagedDataSourœ pd- new PagedDataScurce () 7 
pd.AllowPaging- true; 

pd.PageSize- 6; 

pd.CurrentPageIndex- pageIndex - 1; 
pd.DataSource- getData Wares () .DefaultView; 
DataListl.DataSource- pd; 
Datalistl.DataBind(); 
lblCurrent.Text- Convert .ToString (pd.CurrentPageIndex* 1) ; 
lblCount.Text- "/"; 

lblCount.Text4 = pd. PageCount..ToString () ; 
i-pd.PageCount; 

if (pd.IsFirstPage) 
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lbtnFirst.Visible- false; 
lbtnPrev.Visible- false; 


lbtnFirst.Visible- true; 
lbtnPrev.Visible- true; 

) 

if(pd.IsLastPage) 

t 
lbtniast.Visible- false; 
lbtrNext.Visible- false; 


5.4.2. 任务 2: 列表 方式 显示 商品 信息 


1. 任务 目标 

(1) 能 熟练 使 用 GridView 显示 数据 。 
(2) 能 熟练 运用 ADO. NET 访问 数据 。 
2. 任务 内 容 

(1) 使 用 GridView 显示 商品 信息 。 


3. 任务 实施 步骤 

该 任务 主要 考察 GridView 控件 的 模板 列 、 图 像 列 和 绑 定 列 的 使 用 和 ADO. NET 数据 
访问 技术 的 再 次 使 用 。 任 务 2 的 最 终 效果 如 图 5-29 所 示 。 从 图 5-29 中 不 难 发 现 ,左边 第 
1 列 是 采用 图 片 列 显示 图 片 , 第 2 列 是 采用 模板 列 制作 而 成 。 

(D 从 Layout. master 母 版 页 创建 内 容 页 。 鉴 于 这 部 分 操作 已 经 重复 若干 次 ,这 里 不 再 
细 述 如 何 创建 内 容 页 。 

© 拖 动 GridView 控件 到 页 面 , 单 击 “ 智 能 提示 ”, 选 择 “ 编 辑 列 ”菜单 项 ,打开 “编辑 列 ” 
对 话 框 。 单 击 InageField 项 , 单 击 “添加 ”按钮 , 单 击 DatalmageUrlField 属性 ,输入 Ware_ 
Image。 为 控制 图 片 显 示 的 大 小 ,需要 设置 控件 的 尺寸 。 单 击 ControlStyle 的 “十 ”符号 , 设 
置 Height 属性 值 为 100px、Width 属性 值 为 80px。 

© 单 击 可 用 字段 中 的 TemplateField。 单 击 “ 添 加 ”按钮 ,增加 模板 列 , 单 击 “ 确 定 ” 按 
钮 。 单 击 GridView 的 “智能 提示 ”, 单 击 “ 编 辑 模 板 ” 菜 单项 ,打开 “项 模板 ”窗口 。 

(D 拖 动 HTML 标签 中 的 Table 控件 到 “项 模板 ”窗口 中 ,将 其 设置 成 4 行 2 列 , 拖 动 
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Label 控件 到 页 面 ,如 图 5-30 所 示 。 单 击 Labell 标签 , 单 击 “ 编 辑 DataBinds”, 单 击 Text 属 
性 ,在 绑 定 代码 表达 式 文本 框 中 输入 Eval("Ware_Number")。 同 此 操作 ,设置 Label2 fij p 
定 表 达 式 为 Eval("Ware_Name") , Label3 的 绑 定 表达 式 为 Eval(" Ware_Price",{0:C}))。 
这 里 的 {0:C}) 起 格式 化 作用 ,将 Ware_Price 数据 格式 化 成 货币 格式 。 拖 动 InageButton 到 
Label3 下 方 单元 格 中 , 单 击 ImageButton 按钮 ,在 属性 窗口 中 单 击 ImageUrl 属性 ,选择 
Buy. png 图 像 文件 。 
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图 5-29 任务 2 效果 图 
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图 5-30 任务 2 模板 效果 图 


C) 编写 数据 检索 方法 。 同 任务 1 类 似 。 代 码 如 下 。 


private DataTable getData Wares () 
{ 
string sq= "select * fram T Ware"; 
SqlConnection conn; 
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SqlCamand amd; 
con® sh.getConn () ; 


conn.Open ()7 
mE new SqlCamand (sql, conn) ; 


SqlDataAdapter sda- new SqlDataAdapter (amd) ; 
DataTable dt= new DataTable (); 
sda.Fill (dt); 
conn.Close(); 
retum dt; 
) 
protected void Page Load(doject sender, EventArgs e) 
t 
if (!IsPostBack) 
t 
Gridviewl.DataSource- getData Wares (); 
GridViewl.DataBind(); 


) 


© 设置 分 页 功能 。 单 击 GridView 控件 , 单 击 AllowPaging 属性 ,将 其 设置 为 True。 
单 击 事件 按钮 ,双击 PageIndexChanging 事件 ,进入 代码 文件 。 输 入 下 面 的 代码 。 这 段 代 码 
需要 设置 GridView 的 页 序号 为 事件 参数 e 传递 的 NewPageIndex, 并 重新 绑 定 数据 。 

GridViewl.PageIndex- e.NewPageIndex; 

Gridviewl.DataSource- getData Wares (); 

Gridviewl.DataBind(); 


5.4.3 任务 3: 显示 商品 详细 信息 


1. 任务 目标 

(OD 能 熟练 操作 FormView 控件 。 

(2) 能 通过 Url 传 值 。 

2. 任务 内 容 

(1) 使 用 FormView 显示 商品 详细 信息 。 

(2) 能 使 用 ADO. NET 技术 获取 数据 。 

3. 任务 实施 步骤 

任务 3 要 求 当 用 户 单 击 “ 详 细 ” 超 链接 时 ,显示 该 商品 对 应 的 详细 信息 (图 5-31) 。 

(D 在 任务 2 的 模板 中 添加 超 链 接 。 

®© M Layout. master 母 版 页 中 生成 内 容 页 WareDetails. aspx。 拖 动 FormView 到 
WareDetails. aspx 页 面 。 单 击 FormView 控件 的 智能 提示 , 单 击 “ 编 辑 模板 ”菜单 项 。 

© 拖 动 HTML 标签 中 的 Table 控件 到 模板 中 ,设置 为 10 行 2 列 。 拖 动 Image 控件 到 
第 1 行 第 2 列 。 单 击 “ 编 辑 DataBinds”, 单 击 ImageUrl 属性 ,在 绑 定 代码 表达 式 中 输入 
Eval("Ware Image"), 
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图 5-31 任务 3 效果 图 


CD 拖 动 Label 到 商品 编码 行 , 单 击 “ 编 辑 DataBinds”, 单 击 Text 属性 ,在 绑 定 代码 表达 
式 中 输入 Eval("Ware_Number")。 拖 动 Label 到 商品 名 行 , 单 击 “ 编 辑 DataBinds”, 单 击 
Text 属性 ,在 绑 定 代码 表达 式 中 输入 Eval("Ware_Name")。 拖 动 Label 到 计量 单位 行 , 单 
击 “ 编 辑 DataBinds”, 单 击 Text 属性 ,在 绑 定 代码 表达 式 中 输入 Eval(" Ware Weight"), 。 拖 
动 Label 到 库存 行 , 单 击 “ 编 辑 DataBinds”, 单 击 Text 属性 ,在 绑 定 代码 表达 式 中 输入 Eval 
("Ware Stock"), 

拖 动 Label 到 单价 行 , 单 击 “ 编 辑 DataBinds”, 单 击 Text 属性 ,在 绑 定 代码 表达 式 中 输 
入 EvalC" Ware Price"), 。 拖 动 Label 到 类 属 1 行 , 单 击 “ 编 辑 DataBinds”, 单 击 Text 属性 ， 
在 绑 定 代 码 表 达 式 中 输入 Eval("Level3_Name")。 拖 动 Label 到 类 属 2 行 , 单 击 “编辑 
DataBinds”, 单 击 Text 属性 ,在 绑 定 代码 表达 式 中 输入 Eval("Level2_Name")。 拖 动 
ImageButton 控件 到 第 9 行 第 2 列 ,设置 ImageUrl 属性 为 Buy. png. 

© 登录 SQL Server 2008, 在 查询 窗口 中 创建 视图 。 输 入 下 列 代码 ,创建 视图 v_ 
waredetails 。 

create view v waredetails 

- a 

SELECT dbo.T Ware.Ware ID, dbo.T Ware.Ware Ninber, 

dbo.T Ware.Ware Weight, do.T irere Nx, — 

dbo.T Ware Mare stock, dbo.T Wore.Ware Price, 

doo.T Ware Ware Trage, dbo.T Tevel3.Ievel3 Name, dbo.T Ievel2.Ievel2 Name 

ay dbom ee NER JON 四 

dbo.T Tevel? ON dbo.T Ievel3Ievel2 ID-dbo.T Tevel?.Tevel? ID INFR JOIN 

dbo.T Ware ON dbo.T Ievel3.Ievel3 ID- dbo.T Ware dire Ievel3 


© f F7 功能 键 切换 到 代码 页 面 ,输入 下 列 代码 。getData 方法 是 从 数据 库 检索 商品 信 
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A, ,将 返回 的 商品 信息 存放 到 DataTable 表 中 。 当 页 面 装 载 的 时 候 , 即 在 Page Load 事件 中 
将 FormView 控件 绑 定 到 数据 。 


private DataTable getData () 
t 
String sql-"select * fromv waredetails"; 
SqlConnecticn conne new SqlConnection ("Data Source- .; 
Initial Catalog- Smart; Integrated Security- True; 
MütipleActiveResultSets- true") ; 
Sqlcoammand and; 
conn.Open () ; 
amd- new SqlCamand (sql, conn) ; 
SglDataAdapter sda- new SqlDataAdapter (and) ; 
DataTable dt= new DataTable() ; 
sda.Fill(dt); 
conn.Close(); 
retum dt; 
} 
protected void Page Ioad(Gbject sender, EventArgs e) 
t 
if (!Page. IsPostBack) 
{ 
FomWiew1l .DataSouroe= getData () ; 
FomWViewl.DataBind(); 


55 总 结 归 纳 


子 项 目 5 的 主要 任务 是 以 多 种 显示 方式 显示 商品 信息 ,主要 运用 了 DataList 和 
GridView 控件 进行 数据 显示 。 在 这 个 实现 过 程 中 多 次 运用 到 ADO. NET 技术 访问 数据 
库 。 后 续 内 容 中 会 编写 SqlHelper 通用 类 以 简化 ADO. NET 的 重复 编写 。DataList 必须 是 
以 模板 的 形式 进行 编辑 ,动态 绑 定 的 属性 常 以 Eval 方法 进行 动态 绑 定 。GridView 提供 了 
丰富 的 7 种 不 同类 型 的 列 , 便 于 开发 者 开发 多 用 途 的 列 , 也 通过 模板 列 形式 给 开发 者 提供 了 
更 加 灵活 的 、 易 于 控制 的 方式 控制 GridView, 


56 课 后 习题 


选择 题 
l. 单 向 数据 绑 定 使 用 的 方法 是 ( m 
A. Eval B. Bind C. Bound D. DataBound 
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为 ( 
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cn 


10. 


IL. 


en 


12. 


Do 


13. 


14. 


- 双向 数据 绑 定 使 用 的 方法 是 ( Js 
A. Eval B. Bind C. Bound D. DataBound 
. 数据 绑 定 表 达 式 包含 在 ( ) 之 内 。 
A. I!- 和 -二 B. /x 和 x*/ C. «fl D. <N ETIW— 
. 数据 绑 定 控件 要 取 到 数据 库 表 中 更 新 前 的 旧 值 ,应 将 该 字段 设置 在 ( ) 属 性 中 。 
A. DataKeys B. PrimaryKeys 
C. DataKeyNames D. DataKeyName 
. 数据 绑 定 控件 更 新 前 的 旧 值 的 格式 应 设置 在 ( ) 属 性 中 。 
A. OldValuesParameterFormat B. OldValueParameterFormat 
C. OldValuesParameterFormatString D. OldValueParameterFormatString 


. 数据 绑 定 控件 的 数据 源 参 数 不 能 绑 定 的 参数 源 是 ( o. 


A. QueryString B. Application C. Session D. Cookie 
. 数据 绑 定 控件 的 数据 源 参数 不 能 绑 定 的 参数 源 是 ( J; 
A. Application B. Form C. Session D. Control 
. 将 DropDownList 控件 放 和 人 GridView 中 ,应 使 用 ( ) 技 术 。 
A. 母 版 页 B. 模板 列 C. 动态 列 D. 选择 项 
. GridView 中 绑 定 了 DateTime 类 型 的 字段 ,显示 格式 应 在 (  ) 属 性 中 设置 。 
A. DataFormatString B. DateFormatString 
C. DataFormat D. DateFormat 
GridView 中 绑 定 了 DateTime 类 型 的 字段 ,要 使 显示 格式 起 作用 ,应 设置 行 
Js 
A. HtmlEncodeFormatString — True B. HtmlEncodeFormatString-— False 
C. HtmlEncode- True D. HtmlEncode- False 
GridView 中 绑 定 一 行 并 触发 一 次 的 事件 是 ( 
A. DataBound B. RowDataBound 
C. DataBind D. RowDataBind 
GridView 中 数据 全 部 绑 定 完成 后 触发 的 事件 是 ( Jis 
A. DataBound B. RowDataBound 
C. DataBind D. RowDataBind 
DataList 控件 中 8 Jn 439 2 I8] 9 4) Ir E - <hr /二 标签 设置 在 ( ) 模 板 中 。 
A. ItemTemplate B. AlternatingItemTemplate 
C. SeparatorTemplate D. FooterTemplate 


DataList 控件 dl 的 页 脚 模板 中 有 控件 也 ,查找 该 对 象 的 引用 ,以 下 正确 的 是 ( Js 
A. dl. FooterRow. FindControl("tb"); 

B. dl. FooterRow. Cells[0]. FindControl(C"tb") ; 

C. dl. Rows[dl. Rows. Count — 1]. FindControl("tb") ; 

D. dl. Controls| dl. Controls. Count — 1]. FindControl("tb"); 
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57 同步 操练 


在 项 目 4 中 已 经 完成 格林 酒店 管理 系统 用 户 注册 和 登录 功能 。 项 目 经 理 要 求 开 发 人 员 
增加 客户 管理 模块 ,包括 客户 添加 ,如 图 5-32 所 示 、 客 户 编辑 ,如 图 5-33 所 示 。 单 击 “ 编 辑 ” 
链接 ,返回 到 更 新 状态 ,允许 用 户 输入 ,如 图 5-34 所 示 。 单 击 “ 删 除 ” 链 接 , 出 现 “ 确 认 删 除 
吗 ?” 提 示 信 息 , 如 图 5-35 所 示 , 单 击 “ 是 ”按钮 , 则 删除 该 条 信息 。 


后 添加 - Windows Internet Exp 
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图 5-32 添加 客户 
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图 5-33 ”编辑 客户 信息 
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nini EH 


222222222222222222 天 一 街 10 号 


330501199009245677 
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图 5-34 更 新 数据 界面 
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图 5-35 删除 客户 
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61 项 目 引入 


会 员 购 物 是 电子 商城 必须 提供 的 一 项 功能 。 购 物 功 能 中 的 一 个 重要 概念 就 是 购物 车 。 
购物 车 是 为 消费 者 在 网 上 购物 中 提供 一 个 临时 存储 商品 的 地 方 。 其 主要 功能 包括 : 添加 商 
品 、 删 除 商 品 、 更 改 商品 数量 、 商 品 金额 小 计 、 商 品 金额 总 计 和 清空 购物 车 ;还 包括 生成 订单 、 
打印 订单 预览 订单 .提交 订单 和 取消 购物 等 。 


62 项 目 分 析 


经 过 小 组 讨论 和 分 析 ,大 家 认为 Smart On Line 电子 商城 购物 的 操作 流程 如 下 : 首先 ， 
登录 到 网 站 中 浏览 商品 ;其 次 ,购买 指定 的 商品 ,进入 购物 车 页 面 中 ,在 该 页 面 可 以 实现 更 改 
商品 数量 、 删 除 商 品 、 清 空 购物 车 继续 购物 等 操作 ;最 后 ,填写 收 货 人 信息 ,生成 订单 ,并 完 
成 打印 .预览 提交 订单 等 操作 。 生 成 订单 时 必须 登录 系统 以 获取 会 员 信 息 等 。 购 物 功 能 点 
分 布 比较 分 散 , 在 两 种 商品 显示 页 面 之 间 存 在 购物 功能 链接 。 基 于 这 种 考虑 ,需要 编写 公共 
访问 数据 库 类 SqlHelper, 通 过 该 类 可 以 减少 重复 编写 代码 的 工作 量 。 进 一 步 考虑 数据 库 
执行 效率 ,页面 代 码 和 数据 库 之 间 的 耦合 ,决定 采用 存储 过 程 的 形式 访问 数据 库 。 在 订单 提 
交 过 程 中 需要 同时 在 多 表 中 进行 操作 ,需要 采用 事务 来 保证 操作 的 完整 性 。 


63 知识 准备 


6.3.1 存储 过 程 


在 SQL Server 2008 中 ,存储 过 程 和 触发 器 是 两 个 重要 的 数据 库 对 象 。 使 用 存储 过 程 , 可 
以 将 Transact-SQL(T-SQL) 语 句 和 控制 流 语句 预 编译 到 集合 中 并 保存 到 服务 器 端 , 它 使 得 管 
理 数据 库 \ 显 示 关 于 数据 库 及 其 用 户 信息 的 工作 变 得 更 为 容易 。T-SQL 语句 是 应 用 程序 与 
SQL Server 数据 库 之 间 的 主要 编程 接口 ,设计 时 大 量 的 时 间 将 花费 在 T-SQL 语句 和 应 用 程序 
代码 的 编写 上 。 在 很 多 情况 下 ,许多 代码 被 重复 使 用 多 次 ,每 次 都 输入 相同 的 代码 不 但 烦琐 ， 
而 且 在 客户 机 上 的 大 量 命令 语句 逐条 向 SQL Server. 发 送 将 降低 系统 运行 效率 ,因此 ,SQL 
Server 提供 了 一 种 方法 , 它 将 一 些 固定 的 操作 集中 起 来 由 SQL Server 数据 库 服 务 器 来 完成 ,应 
用 程序 只 需 调用 它 的 名 称 , 即 可 实现 某 个 特定 的 任务 ,这 种 方法 就 是 存储 过 程 。 


ASP NET 动 态 网 站 开发 


存储 过 程 是 一 种 数据 库 对 象 ,存储 在 数据 库 内 ,可 由 应 用 程序 通过 一 个 调用 执行 ,而 且 
允许 用 户 声明 变量 并 有 条 件 地 执行 程序 ,具有 很 强 的 编程 功能 。 存储 过 程 可 以 使 用 
EXECUTE 语句 来 运行 。 在 SQL Server 中 使 用 存储 过 程 而 不 使 用 存储 在 客户 端 计 算 机 本 
地 的 T-SQL 程序 ,有 以 下 几 个 方面 的 优点 。 

。 加 快 系统 运行 速度 。 存 储 程序 只 在 创建 时 进行 编译 ,以 后 每 次 执行 存储 过 程 都 不 需 
再 重新 编译 ,而 一 般 SQL 语句 每 执行 一 次 就 编译 一 次 ,所 以 使 用 存储 过 程 可 提高 数 
据 库 执行 速度 。 
封装 复杂 操作 。 当 对 数据 库 进 行 复 杂 操 作 时 (如 对 多 个 表 进 行 更 新 .删除 时 ) ,可 用 
存储 过 程 将 此 复杂 操作 封装 起 来 与 数据 库 提供 的 事务 处 理 结合 在 一 起 使 用 。 
实现 代码 重用 ,并 可 以 实现 模块 化 程序 设计 。 存 储 过 程 一 旦 创建 ,以 后 即 可 在 程序 
中 调用 任意 多 次 ,这 可 以 改进 应 用 程序 的 可 维护 性 ,并 允许 应 用 程序 统一 访问 数 
据 库 。 
增强 安全 性 。 可 设 定 特定 用 户 具 有 对 指定 存储 过 程 的 执行 权限 ,而 不 具备 直接 对 存 
储 过 程 中 引用 的 对 象 具有 执行 的 权限 。 可 以 强制 应 用 程序 具有 相应 的 安全 性 ,参数 
化 存储 过 程 有 助 于 使 应 用 程序 不 受 SQL 注入 式 攻 击 。 
减少 网 络 流量 。 因 为 存储 过 程 存储 在 服务 器 上 ,并 在 服务 器 上 和 运行。 一 个 需要 数 百 
行 T-SQL 代码 的 操作 可 以 通过 一 条 执行 过 程 代 码 的 语句 来 执行 ,而 不 需要 在 网 络 
中 发 送 数 百 行 代码 ,这样 就 可 以 减少 网 络 流量 。 

1. 存储 过 程 分 类 

存储 过 程 是 一 个 被 命名 的 存储 在 服务 器 上 的 T-SQL 语句 的 集合 ,是 封装 重复 性 工作 的 
一 种 方法 , 它 支 持 用 户 声明 的 变量 ` 有 条 件 执行 的 程序 和 其 他 强大 的 编程 功能 。 

在 SQL Server 2008 中 ,存储 过 程 可 以 分 为 三 类 : 系统 存储 过 程 . 用 户 存 储 过 程 和 扩展 

(1) 系统 存储 过 程 

系统 存储 过 程 是 由 SQL Server 系统 提供 的 存储 过 程 , 可 以 作为 命令 来 执行 各 种 操作 。 
系统 存储 过 程 主要 用 来 从 系统 表 中 获取 信息 ,为 系统 管理 员 管 理 SQL Server 提供 帮助 ,为 
用 户 查 看 数据 库 对 象 提供 方便 。 例 如 ,执行 SP_HELPTEXT 系统 存储 过 程 可 以 显示 规则 、 
默认 值 .未 加 密 的 存储 过 程 . 用 户 函 数 、. 触 发 器 或 视图 的 文本 信息 ;执行 sp_depends 系统 存 
储 过 程 可 以 显示 有 关 数 据 库 对 象 相关 性 的 信息 ;执行 sp_rename 系统 存储 过 程 可 以 更 改 当 
前 数据 库 中 用 户 创 建 对 象 的 名 称 。SQL Server 中 许多 管理 工作 是 通过 执行 系统 存储 过 程 
来 完成 的 ,许多 系统 信息 也 可 以 通过 执行 系统 存储 过 程 而 获得 。 系 统 存储 过 程 定义 在 系统 
数据 库 master 中 ,其 前 缀 是 sp_。 在 调用 时 不 必 在 存储 过 程 前 加 上 数据 库 名 。 

(2) 用 户 存储 过 程 

用 户 存储 过 程 是 指 用 户 根据 自身 需要 ,为 完成 某 一 特定 功能 ,在 用 户 数据 库 中 创建 的 存 
储 过 程 。 用 户 创建 存储 过 程 时 ,存储 过 程 名 的 前 面 加 上 “# # ”表示 创建 全 局 临时 存储 过 程 ; 
在 存储 过 程 名 前 面 加 上 “#”, 表 示 创 建 局 部 临时 存储 过 程 。 局 部 临时 存储 过 程 只 能 在 创建 
它 的 会 话 中 可 用 ,当前 会 话 结 束 时 则 删除 它 。 全 局 临时 存储 过 程 可 以 在 所 有 会 话 中 使 用 , 即 
所 有 用 户 均 可 以 访问 该 过 程 。 它 们 都 保存 在 tempdb 数据 库 上 。 

存储 过 程 可 以 接受 输入 参数 、 向 客户 端 返回 表格 或 者 标量 结果 和 消息 ,调用 数据 定义 语 
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言 (DDL) 和 数据 操作 语言 (DML), 然 后 返回 输出 参数 。 在 SQL Server 2008 中 ,用 户 定 义 
的 存储 过 程 有 两 种 类 型 : T-SQL 或 CLR, 如 表 6-1 所 示 。 

表 6-1 用 户 定义 存储 过 程 的 两 种 类 型 
T-SQL 存储 过 程 是 指 保存 的 T-SQL 语句 集合 ,可 以 接受 和 返回 用 户 提供 的 参数 。 存 


T-SQL 
" 储 过 程 也 可 能 从 数据 库 向 客户 端 应 用 程序 返回 数据 
CLR 存储 过 程 是 指 对 Microsoft . NET Framework 公共 语言 运行 时 方法 的 引用 ,可 以 
CLR 接受 和 返回 用 户 提供 的 参数 。 它 们 在 . NET. Framework 程序 中 是 作为 类 的 公共 静态 


方法 实现 的 


(3) 扩展 性 存储 过 程 

扩展 性 存储 过 程 通过 在 SQL Server 环境 外 执行 的 动态 链接 库 (DLL,Dynamic-Link 
Libraries) 来 实现 。 扩 展 存储 过 程 通过 前 级 “xp_” 来 标识 ,它们 用 与 存储 过 程 相似 的 方式 来 
执行 。 

2. 使 用 存储 过 程 

在 使 用 存储 过 程 之 前 ,首先 需要 创建 一 个 存储 过 程 ,这 可 以 通过 T-SQL 语句 CREATE 
PROCEDURE 来 完成 。 在 使 用 的 过 程 中 ,包括 对 存储 过 程 的 执行 、 查 看 和 修改 以 及 删除 
操作 。 

(1) 创建 存储 过 程 

在 SQL Server 2008 中 ,可 以 使 用 T-SQL 语句 CREATE PROCEDURE 来 创建 存储 过 
程 。 在 创建 存储 过 程 时 ,应 该 指定 所 有 的 输入 参数 、 执 行 数据 库 操作 的 编程 语句 、 返 回 至 调 
用 过 程 或 批 处 理 时 以 示 成 功 或 失败 的 状态 值 . 捕 获 和 处 理 潜在 错误 时 的 错误 处 理 语句 等 。 
在 设计 和 创建 存储 过 程 时 ,应 该 满足 一 定 的 约束 和 规则 ,只 有 满足 了 这 些 约束 和 规则 才能 创 
建 有 效 的 存储 过 程 。 在 CREATE PROCEDURE 定义 中 不 能 出 现 的 语句 如 表 6-2 所 示 。 


表 6-2. CREATE PROCEDURE 定义 中 不 能 出 现 的 语句 


CREATE AGGREGATE CREATE RULE 

CREATE DEFAULT CREATE SCHEMA 

CREATE( 或 ALTER)FUNCTION CREATE( 或 ALTER) TRIGGER 
CREATE( 或 ALTER)PROCEDURE CREATE. (或 ALTER) VIEW 
SET PARSEONLY SET SHOWPLAN ALL 

SET SHOWPLAN TEXT SET SHOWPLAN XML 

USE Database name 


iE. 

。 可 以 引用 在 同一 存储 过 程 中 创建 的 对 象 ,只 要 引用 时 已 经 创建 了 该 对 象 即 可 。 

。 可 以 在 存储 过 程 内 引用 临时 表 。 

。 如 果 在 存储 过 程 内 创建 本 地 临时 表 , 则 临时 表 仅 为 该 存储 过 程 而 存在 ;退出 该 存储 
过 程 后 ,临时 表 将 消失 。 

。 如 果 执 行 的 存储 过 程 将 调用 另 一 个 存储 过 程 , 则 被 调用 的 存储 过 程 可 以 访问 由 第 一 
个 存储 过 程 创 建 的 所 有 对 象 , 包 括 临时 表 在 内 。 
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。 如 果 执 行 对 远程 SQL Server 2008 实例 进行 更 改 的 远程 存储 过 程 , 则 不 能 回 滚 这 些 
更 改 ,而 且 远程 存储 过 程 不 参与 事务 处 理 。 

。 存储 过 程 中 的 参数 的 最 大 数目 为 2100。 
。 存储 过 程 中 的 局 部 变量 的 最 大 数目 仅 受 可 用 内 存 的 限制 。 
。 根据 可 用 内 存 的 不 同 , 存 储 过 程 最 大 可 达 128MB。 
(2) 创建 存储 过 程 的 语法 
使 用 CREATE PROCEDURE 语句 创建 存储 过 程 的 语法 如 下 。 
CREATE PROCDURE procedure name [;number] 
[{@ parameter data type) 
[VARYING] [= default] [OUTPUT] [ ..] 
[WITH 
{RECOMPILE | ENCRYPTION | RECOMPILE, ENCRYPTION}] 
[FOR REPLICATION] 
AS sql_statement[..n] 
其 主要 参数 含义 如 下 。 
e Procedure name; 新 存储 过 程 的 名 称 。 过 程 名 称 在 架构 中 必须 唯一 , 可 在 
Procedure_name 前 面 使 用 一 个 数字 符号 “#” 来 创建 局 部 临时 过 程 ,使 用 两 个 数字 
符号 “# ”来 创建 全 局 临时 过 程 。 对 于 CLR 存储 过 程 ,不 能 指定 临时 名 称 。 
;number 是 可 选 的 整数 ,用 来 对 同名 的 过 程 分 组 。 使 用 一 个 DROP PROCEDURE 
语句 可 将 这 些 分 组 过 程 一 起 删除 。 如 果 名 称 中 包含 分 隔 标识 符 (;), 则 数字 不 应 该 
包含 在 标识 符 中 ,另外 ,只 应 在 procedure name 前 使 用 分 隔 符 。 
@parameter: 过 程 中 的 参数 。 在 CREATE PROCEDURE 语句 中 可 以 声明 一 个 引 
多 个 参数 。 除 非 定 义 了 参数 的 默认 值 或 者 将 参数 设置 为 等 于 另 一 个 参数 ,否则 用 户 
必须 在 调用 过 程 时 为 每 个 声明 的 参数 提供 值 , 如 果 指 定 了 FOR REPLICATION, W 
无 法 声明 参数 。 
Data type: 参数 的 数据 类 型 。 所 有 数据 类 型 均 可 以 用 作 存 储 过 程 的 参数 。 不 过 
cursor 数据 类 型 只 能 用 于 OUTPUT 参数 。 如 果 指 定 的 数据 类 型 为 cursor, 则 还 必 
须 指定 VARYING 和 OUTPUT 关键 字 。 对 于 CLR 存储 过 程 , 不 能 指定 char, 
varchar,text,next,image,cursor 和 table 作为 参数 。 如 果 参 数 的 数据 类 型 为 CLR 
用 户 定义 类 型 , 则 必须 对 此 类 型 有 EXECUTE 权限 。 
Default 参数 的 默认 值 。 如 果 定 义 了 dafault 值 , 则 无 须 指定 此 参数 的 值 即 可 执行 过 
程 。 默 认 值 必须 是 常量 或 NULL。 如 果 过 程 使 用 带 like 关键 字 的 参数 , 则 可 包含 下 
列 通配符 : v. ILU. 
Output: 指示 这 是 输出 参数 。 此 选项 的 值 可 以 返回 给 调用 EXECUTE 的 语句 。 使 
用 OUTPUT 参数 将 值 返回 给 过 程 的 调用 方 。 除 非 是 CLR 过 程 ,否则 text; ntext 
和 image 参数 不 能 用 作 OUTPUT 参数 。OUTPUT 关键 字 的 输出 参数 可 以 为 游标 
占 位 符 ,CLR 过 程 除外 。 二 sql_statement 二 要 包含 在 过 程 中 的 一 个 或 多 个 T-SQL 
语句 中 。 

(3) 使 用 图 形 工 具 创建 存储 过 程 

除了 直接 编写 T-SQL 语句 创建 存储 过 程 以 外 ,SQL Server 2008 还 提供 了 一 种 简便 的 
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方法 ,即使 用 SQL Server Management Studio 工具 。 操 作 步 又 如 下 。 

(D 打开 SQL Server Management Studio 窗口 ,连接 到 BookDateBase 数据 库 。 

Q 依次 展开 “服务 器 "|" 数据库 ”| BookDateBasel“ 可 编程 性 ”节点 。 

O 从 列表 中 右 击 “存储 过 程 ” 节 点 ,选择 “新 建 存储 过 程 ”命令 , 然 后 将 出 现 如 图 6-1 所 
示 的 显示 CREATE PROCEDURE 语句 的 模板 ,可 以 修改 要 创建 的 存储 过 程 的 名 称 ,然后 
加 入 存储 过 程 所 包含 的 SQL 语句 。 


ms- 335-2 T(:3 
(SQL Server 10.50. 1800 - TOW»: A 
ELS 


SET hNSI NULLS ON 
co 


SET QUOTED IDENTIFIER ON 
co 


~| 


[ 
T y a 
wab (10.50 RTM) WXB\Aininistrator (53) BookDateBase 09:00:00 0 fT. 


图 6-1 创建 存储 过 程 


@ 修改 完 后 , 单 击 “ 执 行 " 按 钮 , 即 可 创建 一 个 存储 过 程 。 
ye 示例 1: 在 SQL Server 2008 的 示例 数据 库 BookDatebase 中 创建 一 个 名 为 Reader _ 


proc 的 存储 过 程 , 它 将 从 表 中 返回 所 有 读者 的 姓名 、 性 别 、 电 话 、 等 级 。 使 用 CREATE 
PROCEDURE 语句 如 下 。 


Use BookDatebase 

Go 

CREATE PROCEDURE Reader proc 
As 

SELECT Rname, Rsex, Rhone, rleve 
FROM Reader 


Ji 示例 2: 创建 存储 过 程 proc GetCountsBook. 2X HC BookDatebase 数据 库 中 图 书 的 
总 数量 。 具 体 语句 如 下 。 


Use BookDatebase 

Go 

CREATE PROCEDURE proc GetCountsBook 
As 

SELECT count(ID) AS 总数 FROM Books 


以 上 两 个 存储 过 程 示例 都 是 从 单个 表 中 提取 数据 。 在 示例 2 中 使 用 了 简单 的 表达 式 。 
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ARBI: 下 面 使 用 SELECT 语句 链接 多 个 表 , 最 终 返 回 借 书 人 的 简明 信息 。 存 储 过 
程 名 称 是 broc_BorRreader, 创 建 语 句 如 下 。 


Use BookPatebase 


Go 


CREATE PROCEDURE proc BorR reader 


As 


SELECT B.Bnum,B.Brare, B.writer,R.Roert, R.Rname, BER.botime 
Eram Books B,Reader R, BorrowoRretum BR. 
WHERE B.Bnum- ER.Bnum and R.Roert- ER.Roert and ER.botime« > ' " 


(4) 执行 存储 过 程 

在 需要 执行 存储 过 程 时 ,可 以 使 用 T-SQL 语句 中 的 EXECUTE 命令 。 如 果 存 储 过 程 
是 批 处 理 中 的 第 一 条 语句 ,那么 不 使 用 EXECUTE 关键 字 也 可 以 执行 该 存储 过 程 。 
EXECUTE 语法 格式 如 下 。 


[ { EXEC | EXECUTE ) ] 


{ 


[ € return. status= ] 
{ procedure name [;nurber] | @ procedure name var ) 
€ parameter- [ ( value | @ variable [ OUTPUT ] | [ DEFAULT ] ) ] 


L- 


.n] 


[ WITH RECOMPITE ] 


其 中 主要 参数 的 含义 如 下 。 


@return_status: 这 是 一 个 可 选 的 整 型 变量 ,保存 存储 过 程 的 返回 状态 。 这 个 变量 
在 用 于 EXECUTE 语句 前 ,必须 在 批 处 理 ,存储 过 程 或 函数 中 声明 过 。 
Procedure_name: 要 调用 的 存储 过 程 名 称 。 

;number: 这 是 可 选 的 整数 ,用 于 将 相同 名 称 的 过 程 进 行 组 合 ,使 得 它们 可 以 用 
DROP PROCEDURE 语句 删除 。 在 BookDatebase 数据 库 中 使 用 的 过 程 可 以 用 
“Reader_proc;1”、proc_GetCountsBook 等 来 命名 。DROP PROCEDURE Reader_ 
proc 语句 将 除去 整个 组 。 在 对 过 程 分 组 后 ,不 能 删除 组 中 的 单个 过 程 。 例 如 ,语句 
“DROP PROCEDURE proc_GetCountsBook;2” 是 不 允许 的 。 
@procedure_name_var: 局 部 定义 变量 名 ,代表 存储 过 程 名 称 。 

@parameter: 过 程 参 数 , 在 CREATE PROCEDURE 语句 中 定义 。 参 数 名 称 前 必须 
A ET o", 

Value; 过 程 中 参数 的 值 。 如 果 参 数 名 称 没 有 指定 ,参数 值 必须 以 CREATE 
PROCEDURE 语句 中 定义 的 顺序 给 出 。 

@variable: 用 来 保存 参数 或 者 返回 参数 的 变量 。 

OUTPUT: 指定 存储 过 程 必须 返回 一 个 参数 。 该 存储 过 程 的 匹配 参数 也 必须 由 关 
键 字 OUTPUT 创建 。 使 用 游标 变量 作 参 数 时 使 用 该 关键 字 。 

DEFAULT: 根据 过 程 的 定义 ,提供 参数 的 默认 值 。 当 过 程 需要 的 参数 值 是 没有 事 
先 定义 好 的 默认 值 ,或 缺少 参数 ,或 指定 了 DEFAULT 关键 字 , 就 会 出 错 。 
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Di ml 4: 通过 EXECUTE 语句 来 依次 执行 示例 1.2、3 创建 的 3 个 存储 过 程 。 首 先 
是 执行 Reader. proc 存储 过 程 , 它 位 于 BookDatebase 数据 库 中 ,语句 如 下 : 


Use BookDatebase 
Go 
EXECUTE Reader proc 


执行 上 述 语句 后 ,结果 如 图 6-2 Brzn 。 


Seryl sator (3))* 


Use BookDatebase 

Go 

EXECUTE Reader proc 
Eal I 
一 一 = 
国 结果 | 国 消息 | 

Rname Rsex Rphone deve 
|: [E7778 13523319875 高 级 
2 张强 5 15046652322 普通 
3 张晓明 5 13415221532 普通 
4 贺国强 男 15045123354 普通 
5 m * 13055531245 普通 
6 zu * 18749312104 高 级 
LE S * 13298746655 普通 
[INE x 13587985125 E 
9 付 玉 丽 * 18735521498 普通 
1 X: 5 18745125411 普通 
Mo 牛 小 红 x* 13521101001 普通 
12 +A * 13178456523 普通 
13 ŁEM 5 13045516200 普通 

询 已 成 功 执 … wxb (10.50 RTM) WXBMAdministrator (53) BookDateBase 00:00:04 13 {F 


图 6-2 执行 存储 过 程 Reader proc 


然后 再 使 用 同样 的 方法 ,执行 BookDatebase 数据 库 中 的 其 他 两 个 存储 过 程 ,结果 分 别 
如 图 6-3 和 图 6-4 所 示 。 


SQLQueryl. s... ator (53))* vx 
Use BookDatebase 一 
s| 
Go 
EXECUTE proc, GerCountsBook B 
a 
Kal I » 
EET! 


(10.50 RTM) WXBMAdministrator (53) BookDateBase 00:00:00 1 4T 


图 6-3 执行 存储 过 程 proc_GetCountsBook 


除 使 用 EXECUTE 直接 执行 存储 过 程 之 外 ,还 可 以 将 存储 过 程 嵌 入 INSERT 语句 中 
执行 。 这 样 操作 时 ,INSERT 语句 将 把 本 地 或 远程 存储 过 程 返回 的 结果 集 加 入 一 个 本 地 表 
中 。SQL Server 2008 会 将 存储 过 程 中 的 SELECT 语句 返回 的 数据 载 人 表 中 ,其 前 提 是 该 
表 必 须 存在 并 且 其 数据 类 型 必须 匹配 。 
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Süljuery2.s...stor 4))* SQLueryl- s... ator (53))*| =x 
Use BookDatebase 
Go = 
execute proc, BorR reader ] 
J 
2 
EI - — E it " - Jj EI 
国 结果 | 国 消息 | 
| Brum Bname writer Roet  Rname — botime 
1 [9787512500988 | 1283- 我 坦 和 你 该 访 这个。 BE 10001 黄山 20101230 00:00:00.000 
2 9787506355544 #4 Lr 10005 Ši% — 2010-09-10 00:00:00.000 
3 9787544244060 ”波多 由 罗 的 女王 qr 10010 ” 付 玉 丽 。 2010-11-30 00:00:00.000 
4 9787535435828 E 六 六 10011 ÆÆu 2011-01-03 00:00:00.000 
5 9787806808672 ilie Ez HEY ERE 大 力 金 刚 学 10012 ^FAMI 2011-01-02 00:00:00.000 
|G — 9787535435008 E 六 六 10015 44W 2010-12-15 00:00:00.000 
7 9787532743513 ”一 个 人 的 好 天 气 (日) 青山 七 豆 10016 EM 2011-01-02 00:00:00.000 
四 FA 
查询 已 成 功 执行 。 wxb (10.50 RTM) WXBMAdministrator (53) BookDateBase 00:00:00 7 行 


图 6-4 执行 存储 过 程 proc BorR reader 


3. 存储 过 程 的 参数 

存储 过 程 的 优势 不 仅 在 于 存储 在 服务 器 端 ,运行 速度 快 ,还 有 重要 的 一 点 就 是 存储 过 程 
可 完成 的 功能 非常 强大 ,特别 是 在 SQL Server 2008 中 。 本 节 将 学 习 如 何在 存储 过 程 使 用 
参数 ,包括 输入 参数 和 输出 参数 ,以 及 参数 的 默认 值 等 。 

存储 过 程 可 以 使 用 两 种 类 型 的 参数 : 输入 参数 和 输出 参数 。 参 数 用 于 在 存储 过 程 以 及 
应 用 程序 之 间 交 换 数据 ,其 中 

。 输入 参数 允许 用 户 将 数据 值 传递 到 存储 过 程 或 函数 中 。 

。 输出 参数 允许 存储 过 程 将 数据 值 或 游标 变量 传递 给 用 户 。 

* 每 个 存储 过 程 向 用 户 返 回 一 个 整数 代码 ,如 果 存 储 过 程 没 有 显 式 设置 返回 代码 的 

值 , 则 返回 代码 为 0。 

存储 过 程 的 参数 在 创建 时 应 在 CREATE PROCEDURE 和 AS 关键 字 之 间 定 义 ,每 个 
参数 都 要 指定 参数 名 和 数据 类 型 ,参数 名 必须 以 @ 符 号 作为 前 级 ,可 以 为 参数 指定 默认 值 ; 
如 果 是 输出 参数 , 则 应 用 OUTPUT 关键 字 描 述 。 各 个 参数 定义 之 间 要 用 逗号 隔 开 ,具体 语 
法 如 下 : 


€ parameter name data type [= default ] [ OUTPUT ] 


CD 输入 参数 

输入 参数 , 即 指 在 存储 过 程 中 有 一 个 条 件 , 在 执行 存储 过 程 时 为 这 个 条 件 指定 值 ,再 通 
过 存储 过 程 返回 相应 的 信息 。 使 用 输入 参数 可 以 向 同一 存储 过 程 多 次 查找 数据 库 。 例 如 ， 
可 以 创建 一 个 存储 过 程 用 于 返回 BookDatebase 数据 库 上 某 条 借阅 信息 中 包括 的 图 书 名 称 。 
通过 为 同一 存储 过 程 指定 不 同 的 借阅 者 ,来 返回 不 同 的 图 书 名 称 。 

在 示例 3 中 创建 的 存储 过 程 proc_BorR_reader 只 能 对 表 进 行 特定 的 查询 。 若 要 使 这 
个 存储 过 程 更 加 通用 化 、 灵 活 且 能 够 查询 某 个 类 别 中 相应 的 图 书信 息 ,那么 读者 信息 中 的 读 
者 卡号 就 应 该 是 可 变 的 ,这 样 的 存储 过 程 才能 返回 某 个 类 别 的 图 书信 息 。 在 这 个 存储 过 程 
上 将 一 个 读者 的 卡号 作为 参数 来 实现 ,名 称 为 proc_GetReaderBooks, 代 码 如 下 。 
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USE [BookDateBase] 

Go 

CREATE PROCEDURE [doo].[proc GetReaderBooks] 

@ Rcert int 

As 

SEIECT B.Bnum, B.Bnare, B.writer,R.Rname, BR.botime,R.Roert 

Fram BooksB, ReaderR, BorrowoRretumBR 

WHERE, B.Enum= ER. BrnumANDR. Roert- BR. RoertANPER.botime« > ' "ANDER. Roert- @ Rært 


以 上 代码 创建 了 一 个 名 为 proc_GetReaderBooks 的 存储 过 程 , 使 用 一 个 字符 串 型 的 参 
数 @Rcert 来 执行 。 执 行 带 有 输入 参数 的 存储 过 程 时 ,SQL Server 2008 提供 了 如 下 两 种 传 
递 参数 的 方式 。 按 位 置 传递 这 种 方式 是 在 执行 存储 过 程 的 语句 中 直接 给 出 参数 的 值 。 当 有 
多 个 参数 时 ,给 出 的 参数 的 顺序 与 创建 存储 过 程 的 语句 中 的 参数 顺序 一 致 , 即 参数 传递 的 顺 
序 就 是 参数 定义 的 顺序 。 使 用 这 种 方式 执行 proc_GetReaderBooks 存储 过 程 的 代码 为 : 


EXEC proc GetReaderBooks '10010' 


这 种 方式 是 在 执行 存储 过 程 的 语句 中 ,使 用 "参数 名 三 参数 值 ?的 形式 给 出 参数 值 。 通 
过 参数 名 传递 参数 的 好 处 是 ,参数 可 以 按 任 意 顺 序 给 出 。 用 这 种 方式 执行 proc _ 
GetReaderBooks 存储 过 程 的 代码 如 下 ,执行 结果 如 图 6-5 所 示 。 


EXEC proc GetReaderBooks @ Roert- '10010" 


SQLRuery18. (53))* "SQLlQwerylT....reter (59))* x 

USE [B se) 

co E 
日 EXEC [dhe 'zBooks] GRcert-'10010* 

| PEG Iske rusos GashendesBeoks] | 10010， 

E. 

—————— T * 
国 结果 | 消息 | 

| Enum Brame wter Frame botme 


exi name —  — wer | Aname boim —S ?$ $33 $ (Feet | 
1 [8787544244060 | it£T|Tdni:8 HLE HEM  2010-11-30000000000 10010 


1 9787544244060 | 让 乞 几 罗 的 女巫 HE HEM 2010-11-30 00:00:00.000 10010 


查询 已 成 功 执行 。 veb (10.50 RTM) WXB\WAdninistrator (59) BookDateBaze 00:00:00 2 fF 


图 6-5 存储 过 程 的 执行 结果 


(2) 使 用 默认 参数 值 

执行 存储 过 程 proc_GetReaderBooks 时 ,如 果 没 有 指定 参数 , 则 系统 运行 时 就 会 出 错 ; 
如 果 和 希望 不 给 出 参数 时 也 能 够 正确 运行 , 则 可 以 通过 给 参数 设置 默认 值 来 实现 。 因 此 ,如 果 
要 将 proc_GetReaderBooks 存储 过 程 修改 为 默认 值 ,使 用 类 别 编号 为 10010 的 proc | 
GetReaderBooks, 则 可 以 运行 下 列 代码 。 

USE [BookDateBase] 

Go 

CREATE PROCEDURE [dbo]. [proc GetReaderBooks] 

@Rcert int- 10010 

As 

SELELT B.Bnun, B. Bere, B. writer, R.Rname, ER.botine, R. Roert 
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Fram BooksB,ReaderR,BorrowCRretumPR 
WHERE, B.Enum= BR. BnumANDR. Roert- BR.RcertRNDBR.botime< > ''ANDER.Rœrt= @ Roert 


(3) 输出 参数 

通过 定义 输出 参数 ,可 以 从 存储 过 程 中 返回 一 个 或 多 个 值 。 为 了 使 用 输出 参数 ,必须 在 
CREATE PROCEDURE 语句 和 EXECUTE 语句 中 指定 关键 字 OUTPUT。 在 执行 存储 过 
程 时 ,如 果 忽 略 OUTPUT 关键 字 ,存储 过 程 仍 会 执行 ,但 没有 返回 值 。 

USE [BookDateBase] 

GD 

CREATE PROCEDURE [dbo] . [proc GetReaderBookscount] 

@ Roert int- 10010 

@ bookcounts int OUTPUT 

As 

SELECT. @ bookcount= COUNT (B. Brun) 

Fran Books B, Reader R, BorrowORretum PR 

WHERE B.Bnum= ER.BnumRNDR.Rcert= BR.RoertANDER.botime< > ' "ANDER. Roert- 6 Roert 

以 上 代码 创建 一 个 名 为 proc GetReaderBooks1 的 存储 过 程 , 它 使 用 两 个 参数 : @Rcert 
为 输入 参数 ,用 于 指定 要 查询 的 读者 编号 ,默认 参数 值 为 10010;@bookcounts 为 输出 参数 ， 
用 来 返回 读者 借阅 的 图 书 数量 。 

为 了 接收 某 一 存储 过 程 的 返回 值 .需要 一 个 变量 来 存放 返回 参数 的 值 ,在 该 存储 过 程 的 
调用 语句 中 ,必须 为 这 个 变量 加 上 OUTPUT 关键 字 来 声明 。 下 面 的 代码 显示 了 如 何 调用 
proc. GetReaderBooksl ,并 将 得 到 的 结果 返回 到 @ bookcounts 中 ,其 运行 结果 如 图 6-6 
所 示 。 


SülQuery2l....rator (53)) “SQLQueryl9....rator (56))* 
USE [BookDateBase] 

Go 
E DECLARE Gbookcount int 


Bookecount 10001,8bookcount OUTPUT 


P: '4STR(Gbookcount) «'Z * 


图 查询 已 成 功 执 … web (10.50 RTM) WXB\Adninistrator (56) BoskDateBase 00:00:00 1 4T 


图 6-6 带 输 出 参数 的 存储 过 程 


USE [BookDateBase] 

Go 

DECLARE € bookcount int 

EXEC proc GetReaderBooksoount 10001,8 bockoount OUTPUT 
SELECT. "读者 共 借阅 图 书 : '+ STR (€ bookcount)- A " 

Go 
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(4) 存储 过 程 的 返回 值 

存储 过 程 在 执行 后 都 会 返回 一 个 整 型 值 。 如 果 执 行 成 功 , 则 返回 0; 和 否则 返回 一 1 一 
一 99 的 随机 数 ,也 可 以 使 用 RETURN 语句 来 指定 一 个 存储 过 程 的 返回 值 。 

ARIS: 下 面 创建 一 个 名 为 aAndb 的 存储 过 程 ,用 于 计算 出 两 个 参数 的 和 。 本 例 使 
用 SET 语句 ,但 是 也 可 以 使 用 SELECT 语句 来 组 织 一 个 字符 串 ,语句 如 下 。 

CREATE PROC aANID 

8 a int- 0,8 b int-0,6 c int- 0 OUTPUT 

AS 


Set Gc- G ac Gb 
Retum 6 c 


@c 参数 由 OUTPUT 关键 字 指定 。 在 执行 这 个 存储 过 程 时 ,需要 指定 一 个 变量 存放 
返回 值 , 然 后 再 显示 出 来 。 如 下 所 示 为 一 个 调用 这 个 存储 过 程 的 示例 : 


TECIARE @ int c int 
EXEC aANLb 6,2,@ int c OUTPUT 
SELECT ' 两 个 之 和 为 : '+ SRE INT C) 


执行 如 果 如 图 6-7 所 示 。 


-  SülQuerygl....rator (53)) SQLQuery19. - . .rator (56))* x 
E DECLARE Gintc int a 
| Pec &ANDb 6,2,8intc OUTPUT = 

SELECT ' 两 个 之 和 为 ，'+STR (@INT C) 


| [NN 


Æ- xb (10.50 RTM) WXB\Adninistrator (58) BookDateBase 00:00:00 1 4T 
图 6-7 执行 aANDb 存储 过 程 的 结果 
4. 删除 存储 过 程 


使 用 DROP PROCEDURE 语句 可 以 从 当前 的 数据 库 中 删除 用 户 定 义 的 存储 过 程 。 删 
除 存储 过 程 的 基本 语法 如 下 。 


DROP PROCEDURE (procedure) 
下 面 的 语句 将 删除 sp. delete 存储 过 程 : 


IROP PROC sp delete 


如 果 另 一 个 存储 过 程 调用 某 个 已 被 删除 的 存储 过 程 ,SQL Server 2008 将 在 执行 调用 
进程 时 显示 一 条 错误 消息 。 但 是 ,如 果 定 义 了 具有 相同 名 称 和 参数 的 新 存储 过 程 来 替换 已 
被 删除 的 存储 过 程 ,那么 引用 该 过 程 的 其 他 过 程 仍 能 成 功 执行 。 
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5. 修改 存储 过 程 

使 用 ALTER PROCEDURE 语句 来 修改 现 有 的 存储 过 程 与 删除 和 重建 存储 过 程 不 同 ， 
因为 它 仍 保持 存储 过 程 的 权限 不 发 生变 化 。 在 使 用 ALTER PROCEDURE 语句 修改 存储 
过 程 时 ,SQL Server 2008 会 覆盖 以 前 定义 的 存储 过 程 。 修 改 存储 过 程 的 基本 语句 如 下 。 


ALTER PROCEDURE procedure name[;nunber] 

[{@ parameter data type] 

[VARYING] [= default] [OUTFUT] ] 

[, n] 

[WITH 

( RECMPITE | ENCRYPTION | RECOMPILE, ENCRYPTION) ] 

[FOR REPLICATION] 

AS 

sql statement[..n] 

修改 存储 过 程 的 语法 中 的 各 个 参数 与 创建 存储 过 程 语 法 中 的 各 个 参数 相同 ,这 里 不 再 

重复 介绍 。 在 使 用 ALTER PROCEDURE 语句 时 ,应 考虑 以 下 方面 的 事项 ， 

。 如 果 要 修改 具有 任何 选项 的 存储 过 程 , 例 如 WITH ENCRYPTION 选项 ,必须 在 
ALTER PROCEDURE 语句 中 包括 该 选项 以 保留 该 选项 提供 的 功能 。 

* ALTER PROCEDURE 语句 只 能 修改 一 个 单一 的 过 程 ,如 果 过 程 调用 了 其 他 存储 
过 程 , 嵌 套 的 存储 过 程 不 受 影响 。 

。 在 默认 状态 下 ,允许 该 语句 的 执行 者 是 存储 过 程 最 初 的 创建 者 .sysadmin 服务 器 角 
色 成 员 和 db. owner 与 db_ddladmin 固定 的 数据 库 角色 成 员 ,用 户 不 能 授权 执行 
ALTER PROCEDURE 语句 。 


6.3.2 事务 


事务 是 一 组 组 合成 逻辑 工作 单元 的 数据 库 操作 ,在 系统 执行 过 程 中 可 能 会 出 错 , 但 事务 
将 控制 与 维护 每 个 数据 库 的 一 致 性 和 完整 性 。 事 务 处 理 的 主要 特征 是 ,任务 要 么 全 部 完成 ， 
要 么 都 不 完成 。 在 写 人 一 些 记录 时 ,要么 写 人 所 有 记录 ,要 么 什么 都 不 写 人 。 如 果 在 写 人 一 
个 记录 时 出 现 了 一 个 失败 ,那么 在 事务 处 理 中 已 写 人 的 其 他 数据 就 会 回 滚 。 事 务 可 能 由 很 
多 单个 任务 构成 。 
简单 事务 的 一 个 常见 例子 : 把 钱 从 A 账户 转 到 B 账户 ,这 涉及 两 项 任务 , 即 从 A 账户 
把 钱 取 出 来 ,再 把 钱 存 人 B 账户 。 两 项 任务 要 么 同时 成 功 ,要 么 一 起 失败 后 给 予 回 深 , 以 便 
保持 账户 的 状态 和 原来 相同 。 否 则 ,在 执行 某 一 个 操作 的 时 候 可 能 会 因为 停电 、 网 络 中 断 等 
原因 而 出 现 故障 ,所 以 有 可 能 更 新 了 一 个 表 中 的 行 ,但 没有 更 新 相关 表 中 的 行 。 如 果 数 据 库 
支持 事务 , 则 可 以 将 数据 库 操作 组 成 一 个 事务 ,以 防止 因 这 些 事件 而 使 数据 库 出 现 不 一 致 。 
事务 的 ACID 属性 如 下 。 
。 原 子 性 (Atomicity): 事务 的 所 有 操作 是 原子 工作 单元 ;对 于 其 数据 修改 ,要 么 全 都 
执行 ,要 么 全 都 不 执行 。 原 子 性 消除 了 系统 处 理 操作 子 集 的 可 能 性 。 
。 一 致 性 (Consistency): 数据 从 一 种 正确 状态 转换 到 另 一 种 正确 状态 。 事 务 在 完成 
时 ,必须 使 所 有 的 数据 都 保持 一 致 。 在 相关 数据 库 中 ,所 有 规则 都 必须 应 用 于 事务 
的 修改 ,以 保持 所 有 数据 的 完整 性 。 当 事务 结束 时 ,所 有 的 内 部 数据 结构 都 必须 是 
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正确 的 。 在 存款 取款 的 例子 中 ,逻辑 规则 是 , 钱 是 不 能 凭空 产生 或 销毁 的 ,对 于 每 个 
( 收 支 ) 条 目 必 须 有 一 个 相应 的 支出 条 目 产生 ,以 保证 账户 是 动态 收 支 平衡 的 。 
。 隔离 性 (Isolation) : 由 并 发 事务 所 作 的 修改 必须 与 任何 其 他 并 发 事务 所 作 的 修改 隔 
离 。 查 看 数据 所 处 的 状态 ,要么 是 事务 修改 它 之 前 的 状态 ,要 么 是 事务 修改 它 之 后 
的 状态 。 简 单 的 理解 就 是 ,防止 多 个 并 发 更 新 彼此 干扰 。 事 务 在 操作 数据 时 与 其 他 
事务 操作 隔离 。 隔 离 性 一 般 是 通过 加 锁 的 机 制 来 实现 的 。 
* 持久 性 (Durability) : 事务 完成 之 后 , 它 对 于 系统 的 影响 是 永久 性 的 。 已 提交 的 更 改 
即使 在 发 生 故 障 时 也 依然 存在 。 
对 于 事务 的 开发 ,. NET 平台 提供 了 3 种 非常 简单 方便 的 事务 机 制 : ADO. NET 级 别 
的 事务 ,ASP.NET 页 面 级 别 的 事务 和 系统 (System) 级 别 的 事务 。 
1. ADO. NET 级 别 的 事务 
现在 我 们 对 事务 的 概念 和 原理 都 有 所 了 解 了 ,并 且 作 为 已 经 有 一 些 基 础 的 C# 开 发 者 ， 
我 们 已 经 熟知 以 下 编写 数据 库 交 互 程序 的 一 些 要 点 。 
(1) 使 用 SqlConnection 类 的 对 象 的 Open() 方 法 建立 与 数据 库 服 务 器 的 连接 。 
(2) 将 该 连接 赋值 给 SqlCommand 对 象 的 Connection 属性 。 
(3) 将 欲 执行 的 SQL 语句 赋值 给 SqlCommand 的 CommandText 属性 。 
(4) 通过 SqlCommand 对 象 进行 数据 库 操作 。 
创建 一 个 ADO. NET 事务 是 很 简单 的 ,需要 定义 一 个 SqlTransaction 类 型 的 对 象 。 
SqlConnection 和 OleDbConnection 对 象 都 有 一 个 BeginTransaction 方法 , 它 可 以 返回 
SqlTransaction 或 者 OleDbTransaction 对 象 。 然 后 赋 给 SqlCommand 对 象 的 Transcation 
属性 , 即 实现 了 二 者 的 关联 。 为 了 使 事务 处 理 可 以 成 功 完成 ,必须 调用 SqlTransaction 对 象 
的 Commit() 方 法 ;如 果 有 错误 , 则 必须 调用 Rollback() 方 法 撤销 所 有 的 操作 。 基 于 以 上 认 
识 , 下 面 就 开始 动手 写 一 个 基于 ADO. NET 的 事务 处 理 程序 。 


string conString- "data source- 127.0.0.1;database= oodematic;user id= sa; 

password- "; 

SqlConnection myConnection- new SqlConnecticn (constring) ; 

myConnection.Open () ; 

// 启 动 一 个 事务 

Sal Transaction myTrans=myConnection.BeginTransaction ()7 

// 为 事务 创建 一 个 命令 

SqlCamand myCamand= new SqlCormand () 7 

myCanmand. Transaction myTrans; 

try 

t 
myCanmand.CanmendText- "update P Product set Name- ' 笔 记 本 1' where Id- 52"; 
myCamand.ExecuteNonQuery () ; 
myCammand.CamandText=— "update P Product set Name- "电脑 3' where Id- 53"; 
myCamand.ExecuteNonQuery () ; 
myTrans.Camuit () ; // 提 交 
Response.Write ("WW 2& T8 4 E RI) ") ; 

} 

catch (Exception ex) 
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myTrans.Rollback(); // 遇 到 错误 , 回 滚 
Response Write (ex.ToString ()) ; 

H 

finally 

t 
myConnection.Close(); 

H 


ADO. NET 事务 的 优势 在 于 简单 ,事务 可 以 跨越 多 个 数据 库 进行 访问 ,独立 于 数据 库 ， 
不 同 数据 库 的 专 有 代码 都 被 隐藏 了 。 但 也 存在 一 些 限制 ,事务 执行 在 数据 库 连接 层 上 ,所 以 
需要 在 执行 事务 的 过 程 中 手动 地 维护 一 个 连接 。 

2. ASP. NET 页 面 级 别 的 事务 

ASP. NET 事务 可 以 说 是 在 .NET 平台 上 事务 实现 方式 最 简单 的 一 种 ,仅仅 需要 一 行 
代码 即 可 。 在 aspx 的 页 面 声明 中 加 一 个 额外 的 属性 , 即 事务 属性 Transaction =" Required", 
它 有 如 下 值 : Disabled( 默 认 )、NotSupported、Supported、Required 和 RequiresNew, 这 些 设 
置 和 “COM 十 ”及 企业 级 服务 中 的 设置 一 样 。 典 型 的 一 个 例子 是 如 果 你 想 在 页 面 上 下 文中 
运行 事务 ,那么 要 将 其 设置 为 Required。 如 果 页 面 中 包含 了 用 户 控件 ,那么 这 些 控件 也 会 
包含 到 事务 中 ,事务 会 存在 于 页 面 的 每 个 地 方 。 需 要 在 执行 事务 的 页 面 中 先 声明 事务 : 


< $8 Page Transaction- "Required" Language= "Cf" AutcEventWi reup- "true" 
CodeBehind- "WebForm.aspx.cs" Inherits- "Webhpplication4.WebForm" $> 


然后 在 页 面 代码 中 使 用 using System. EnterpriseServices 导入 ContextUtil 所 在 类 的 
命名 空间 。 最 后 调用 ContextUtil 类 的 SetComplete 或 者 SetAbort 方法 进行 事务 的 提交 或 
撤销 。 例 如 下 面 代码 。 


protected void Buttonl Click(object sender, EventArgs e) 
t 
try 
t 
Workl0; 
Work20; 
GontextUtil.SetCamplete() ; // 提 交 事 务 
) 
catch (System.Exoeption except) 
t 
ContextUtil.SetAbort () ; // 撤 销 事务 
Response.Write (except .Message) ; 
} 
} 
private void Workl () 
t 
string conString- "data source- 127.0.0.1;database- oodematic;user id- sa; 
password- "; 
SqlConnection myConnectione new Sal Connection (conString) ; 
String strSgl- "Insert Into P Category (Categoryld, Name) values ('1' , 
test)” 
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Sql Camand myCamand- new Salcamand (strSq], myConnection) ; 
myConnection.Open() ; 
int rows- myCammand.ExecuteNonQuery () ; 
myConnection.Close(); 
H 
private void Work? () 
t 
string conString- "data source- 127.0.0.1;database- oodematic;user id= sa; 


password- "; 

SqlConnection myConnection- new SqlConnecticn (conString) ; 

string strsql= "Insert Into P Category (CategoryId, Name) values ('2' , 
"test2)"; 

Sal Conmand myCarmand- new SqlCamand (strSql, myConnection) ; 

myConnection.Open() ; 

int rows- myCammand.FxecuteNonQuery () ; 

myConnection.Close(); 

} 

ContextUtil 是 用 于 获取 “COM 十 ”上 下 文 信息 的 首选 类 。 由 于 此 类 的 成 员 全 部 为 
static, 因 此 在 使 用 其 成 员 之 前 不 需要 对 此 类 进行 实例 化 。ASP. NET 页 面 事务 的 优势 是 实 
现 简 单 ,不 需要 额外 的 编码 。 但 是 页 面 的 所 有 代码 都 是 同一 个 事务 ,这 样 的 事务 可 能 会 很 
大 ,而 需要 的 通常 是 分 散 的 、 小 的 事务 。 

3. 系统 级 别 的 事务 

. NET Framework 2. 0 以 后 增加 了 系统 级 别 的 事务 System. Transactions ,这 是 一 种 新 
的 命名 空间 ,完全 专注 于 控制 事务 性 行为 。 引 入 了 执行 事务 性 工作 的 更 简单 方法 及 一 些 新 
的 性 能 优化 。 

System. Transactions 提供 了 一 个 “ 轻 量 级 ”的 .易于 使 用 的 事务 框架 。 通 过 System. 
Transactions, 则 只 要 简单 的 几 行 代码 ,用 户 也 根本 不 需要 考虑 是 简单 事务 还 是 分 布 式 事 
务 ,系统 会 自动 根据 事务 中 涉及 的 对 象 资源 判断 使 用 何 种 事务 管理 器 。 简 而 言 之 ,对 于 任何 
的 事务 ,用 户 只 要 使 用 同一 种 方法 进行 处 理 即 可 。 下 面 介 绍 System. Transactions 的 常见 
用 法 。 

首先 要 引用 : 

using System.Transactions; 

其 次 ,将 事务 操作 代码 放 在 TransactionScope 中 执行 。 如 : 

using(TransactionSoope ts- new TransactionSocpe () ) 

Li 

/事务 操作 代码 
ts.Camlete() ; 

H 
这 是 最 简单 .也 是 最 常见 的 用 法 。 创 建 了 新 的 TransactionScope 对 象 后 , 即 开 始 创建 事务 范 
围 。 如 代码 示例 所 示 ,建议 使 用 using 语句 创建 范围 。 位 于 using 块 内 的 所 有 操作 将 成 为 一 
个 事务 的 一 部 分 ,因为 它们 共享 其 所 定义 的 事务 执行 上 下 文 。 本 例 中 的 最 后 一 行 ,调用 
TransactionScope 对 象 的 Complete 方法 .将 导致 退出 该 块 时 请 求 提 交 该 事务 。 此 方法 还 提 
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供 了 内 置 的 错误 处 理 ,出 现 异常 时 会 终止 事务 。 例 如 下 面 的 代码 段 所 示 。 


using (TransactionScope ts=new TransactionScope ()) // 使 整个 代码 块 成 为 事务 性 代码 


{ 


} 


#region 在 这 里 编写 需要 实现 事务 的 代码 
String conString- "data souroe= 127.0.0.1;database- oodematic; 
user id sa; password- "; 
SqlConnection myConnectione new SqlConnecticn (conString) ; 
myConnection.Open() ; 
SqlCamand myCarmand- new SalCamarnd () ; 
myCanmand.Connection- myConnection; 
try 
{ 
TYCormand.CommandText= "update P. Product set Name- "电脑 2' 
where IŒ 52"; 
myCanmand.ExecuteNonQuery () ; 
mYCamand.CommandText= "update P Product set Name- "电脑 3' 
where Id- 53"; 
myCanmand.ExecuteNonQuery () ; 
msg "RY 1"; 
} 
catch (Exception ex) 
t 
msg "失败 :"+ ex.Message; 
) 
finally 
t 
myConnection.Close|(); 
) 
#endregion 
ts.Camlete () ; 
return msg; 


上 面 的 代码 演示 了 在 一 个 TransactionScope 对 象 里 面 打 开 一 个 数据 库 连 接 的 过 程 。 这 
个 数据 库 连 接 由 于 处 在 一 个 TransactionScope 对 象 里 面 , 所 以 会 自动 获得 事务 处 理 的 能 力 。 
如 果 这 里 数据 库 连 接 的 是 SQL Server 2008 ,那么 这 个 事务 将 不 会 激活 一 个 MSDTC 管理 的 
分 布 式 事务 ,而 是 会 由 . NET 创建 一 个 局 部 事务 ,性 能 非常 高 。 再 看 下 面 的 例子 。 


void MethodMpreconn () 


t 
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using (Sqlconnection conn- new SqlConnection (conStringl) ) 
conn.Open () ; 
using (SqlConnection conn2- new SqlConnection (conString?) ) 
conn2.0pen) ; 
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ts.Caplete(); 


这 个 例子 更 加 充分 地 说 明了 TransactionScope 对 象 功能 的 强大 ,使 两 个 数据 库 完成 了 
连接 。 虽 然 上 面 的 conn 和 conn2 是 两 个 不 同 的 连接 对 象 ,可 能 分 别 连 接 到 不 同 的 数据 库 ， 
但 是 由 于 它们 处 在 一 个 TransactionScope 对 象 中 ,它们 就 具备 了 “联动 ”的 事务 处 理 能 力 。 
在 这 里 ,将 自动 激活 一 个 MSDTC 管理 的 分 布 式 事务 。 

虽然 . NET 对 事务 提供 了 很 好 的 支持 ,但 是 没有 必要 总 是 使 用 事务 。 使 用 事务 的 第 一 
条 规则 是 ,在 能 够 使 用 事务 的 时 候 都 应 该 使 用 事务 ,但 是 不 要 过 度 使 用 。 原 因 在 于 ,每 次 使 
用 事务 都 会 占用 一 定 的 内 存 开销 。 另 外 ,事务 可 能 会 锁定 一 些 表 的 行 。 还 有 一 条 使 用 事务 
的 规则 是 ,只 有 当 操 作 需 要 的 时 候 才 使 用 事务 。 例 如 ,如 果 只 是 从 数据 库 中 查询 一 些 记录 ， 
或 者 执行 单个 查询 , 则 在 大 部 分 时 候 都 不 需要 使 用 显 式 事务 。 

开发 人 员 应 该 在 头脑 中 始终 保持 一 个 概念 ,就 是 用 于 修改 多 个 不 同 表 数据 的 宛 长 事务 
会 严重 妨碍 系统 中 的 所 有 其 他 用 户 。 这 很 可 能 导致 一 些 性 能 问题 。 当 实现 一 个 事务 时 , 遵 
循 下 面 的 实践 经 验 能 够 达到 可 接受 的 结果 。 

。 避免 使 用 在 事务 中 的 Select 语句 返回 数据 ,除非 语句 依赖 于 返回 数据 。 

。 如 果 使 用 Select 语句 , 则 只 选择 需要 的 行 , 这 样 不 会 锁定 过 多 的 资源 ,而 尽 可 能 地 提 

高 性 能 。 

。 尽量 将 事务 全 部 写 在 T-SQL 或 者 API 中 。 

。 避免 事务 与 多 重 独立 的 批 处 理工 作 结合 ,应 该 将 这 些 批 处 理 放置 在 单独 的 事务 中 。 

。 尽 可 能 避免 大 量 更 新 。 

另外 ,必须 注意 的 一 点 就 是 事务 的 默认 行为 。 在 默认 情况 下 ,如 果 没 有 显 式 地 提交 事 
务 , 则 事务 会 回 滚 。 虽 然 默认 行为 允许 事务 的 回 滚 , 但 是 显 式 回 滚 方法 总 是 一 个 良好 的 编程 
习惯 。 这 不 仅仅 只 是 释放 锁定 的 数据 ,也 将 使 得 代码 更 容易 读 取 并 且 会 更 少 出 现 错误 。 
.NET 提 供 的 事务 功能 很 强大 ,具体 的 内 容 远 不 止 本 书 所 讲解 的 这 样 简单 。 本 书 只 是 起 到 
一 个 抛砖引玉 的 功能 。 和 希望 读者 能 够 灵活 恰当 地 使 用 事务 功能 ,而 不 要 过 度 使 用 事务 ,否则 
可 能 会 对 系统 的 性 能 起 到 负面 的 作用 。 


6.3.3 DataTable 


DataTable 是 一 个 保存 在 内 存 中 的 数据 表 , 可 以 通过 拖 放 工具 栏 里 面 的 控件 来 创建 和 
使 用 它 ,也 可 以 在 编写 程序 过 程 中 根据 需要 独立 创建 和 使 用 ,最 常见 的 情况 是 作为 DataSet 
的 成 员 使 用 ,在 这 种 情况 下 就 需要 用 在 编程 过 程 中 并 根据 需要 动态 创建 数据 表 。 本 小 节 主 
要 讲述 用 编码 的 方式 来 建立 Data Table 数据 表 以 及 进行 相应 的 操作 。 

1. 用 代码 创建 DataTable 数据 表 

通过 添加 对 象 的 方式 可 以 直接 在 DataSet 中 创建 数据 表 , 可 以 通过 使 用 Add 方法 将 
DataTable 添加 到 DataSet 中 。 那 么 在 程序 中 怎么 创建 DataTable 数据 表 呢 ?在 程序 中 创 
建 DataTable 对 象 可 以 使 用 DataTable 构造 函数 创建 一 个 表 名 为 TableName 的 数据 表 , 代 
人 码 如 下 : 
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DataTable NewTable- new DataTable (TableName); 


另外 也 可 以 通过 以 下 方法 创建 DataTable 对 象 : 使 用 DataAdapter 对 象 的 Fill 方法 或 
FillSchema 方法 在 DataSet 中 创建 ,使 用 这 些 方法 的 前 提 是 在 与 数据 库 相 连接 的 情况 下 。 
特别 值得 注意 的 是 ,将 一 个 DataTable 作为 成 员 添 加 到 一 个 DataSet 的 Tables 集合 中 后 ,不 
能 再 将 其 添加 到 任何 其 他 DataSet 的 表 集 合 中 。 使 用 DataTable 构造 函数 初次 创建 
DataTable 时 ,是 没有 架构 的 ( 即 结构 中 没有 列 )。 没 有 架构 的 DataTable 数据 是 没有 办 法 
使 用 的 , 因此 在 使 用 这 种 DataTable 数据 表 之 前 要 定义 表 的 架构 ,必须 创建 DataColumn 对 
象 并 将 其 添加 到 表 的 Columns 集合 中 。 创 建 DataTable 时 ,不 需要 为 TableName 属性 提供 
值 ,可 以 在 其 他 时 间 指 定 该 属性 ,或 者 将 其 保留 为 空 ,这 些 都 不 影响 DataTable 的 使 用 。 应 
该 注意 的 是 ,在 将 一 个 没有 TableName 值 的 表 添 加 到 DataSet 中 时 ,该 表 会 得 到 一 个 从 
Table( 表 示 Table0) 开 始 递增 的 默认 名 称 TableN。 下 面 的 代码 表示 创建 了 DataTable 对 象 
的 实例 ,并 为 其 指定 名 称 Customers, 


DataTable workTable- new DataTable ("Custamers"); 


以 下 代码 是 将 创建 的 DataTable 实例 , 即 Customers 表 添 加 到 DataSet 的 Tables 集合 
中 。 实 现代 码 如 下 : 

DataSet custamers- new DataSet () ; 

DataTable custamersTable- custamers.Tables.Acd ("CustamersTable") ; 

2. 用 编程 方式 添加 DataTable 列 

前 面 已 经 学 过 如 何 使 用 代码 来 创建 DataTable。 要 定义 表 的 架构 ,除了 可 以 创建 
DataColumn 对 象 并 将 其 添加 到 表 的 Columns 集合 中 之 外 ,也 可 以 为 表 定 义 主键 列 ,可 以 创 
建 Constraint 约束 对 象 并 将 其 添加 到 表 的 Constraints 约束 集合 中 。DataColumn 类 型 表示 
了 DataTable 上 的 一 列 。 总 的 来 说 , 绑 定 到 某 个 DataTable 的 所 有 DataColumn 类 型 的 集合 
就 表示 一 个 表 。DataTable 包含 了 由 表 的 Columns 属性 引用 的 DataColumn 对 象 的 集合 。 
这 个 列 的 集合 与 任何 约束 一 起 来 定义 表 的 架构 ( 即 结 构 )。 通 过 使 用 DataColumn F3 PR 
数 ,或 者 通过 调用 表 的 Columns 属性 的 Add 方法 ,可 在 表 内 创建 DataColumn 对 象 。Add 
方法 将 接受 可 选 的 ColumnName, DataType 参数 ,并 将 创建 新 的 DataColumn 作为 集合 的 
成 员 。 它 还 会 接受 现 有 的 DataColumn 对 象 并 将 其 添加 到 集合 中 ,也 会 根据 请 求 返回 对 所 
添加 的 DataColumn 的 引用 。 

Di 示例 6: 向 DataTable 中 添加 了 4 9. [C35 in F . CustID, CustLName, CustFName, 
Purchases 分 别 是 Customers 中 的 列 名 。 


DataTable workTable- new DataTable ("Custamers") ; 

DataColum workCol- workTable.Colums.Acd ("CustID") ; 

workTable.Colums.Acd ("CustIName") ; 

workTable.Colurms .Add ("CustEName") ; 

workTable.Colurms .Add ("Purchases") 7 

3. 设置 DataTable 数据 表 的 主键 

数据 库 开发 的 一 个 通常 规则 就 是 表 至 少 要 有 一 个 列 作 为 主键 。 主 键 约束 用 于 唯一 标识 
给 定 表 中 的 一 条 记录 ( 行 )。 
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DRUT: 假设 现在 需要 新 建 一 个 DataColumn 列 来 表示 EmpID 字段 并 且 要 将 这 个 
列 作 为 表 的 主键 , 它 必须 有 AllowDBNull 和 Unique 属性 ,实现 代码 如 下 。 

DataTable workTable- new DataTable ("Custamers") ; 

DataColum workCol- workTable.Colums.Acd("CustID", typeof (Int32)) ; 

workCol.AllowDBNull- false; 

workCol.Unique- true; 

workTable.Colums.Add ("CustIName", typeof (String)) ; 

workTable.Colums.Acd ("CustEName", typeof (String))); 

workTable.Colums.Add (" urchases", typeof (String))) ; 


JD m BI 8. 将 CustID 列 的 属性 设置 为 不 允许 为 DBNull 值 ,并 将 值 约束 为 唯一 。 但 
是 ,如 果 将 CustID 列 定义 为 表 的 主键 列 ,AllowDBNnull 属性 就 会 自动 设置 为 false, 并 且 
Unique 属性 会 自动 设置 为 true。 

4. 设置 列 的 数据 类 型 

通过 上 面 的 学 习 , 大 家 应 该 已 经 知道 怎么 向 新 建 的 数据 表 中 添加 列 了 ,那么 下 面 来 看 一 
看 ,怎么 为 添加 的 列 设置 数据 类 型 。 数 据 类 型 是 标明 一 列 数 据 的 数据 类 型 属性 ,根据 不 同 的 
需要 ,可 以 在 DataTable 数据 表 中 建立 不 同 的 列 , 并 可 以 为 不 同 的 列 设置 不 同 的 数据 类 型 。 
继续 以 示例 7 中 的 Customers 表 为 例 , 现 为 其 创建 的 列 添加 数据 类 型 ,代码 如 下 。 

// 创 建 一 个 数据 表 customers 

DataTable CustamersTable- new DataTable ("Custamers") ; 

// 创 建 一 个 Int32 类 型 .名称 是 custID 的 列 , 把 这 个 列 设置 成 主键 ,并且 不 允许 为 空 

DataColum CustamersCol- CustamersTable.Colums.Acd ("CustID", typeof (Int32)) ; 

CustamersCol.AllowDBNull- false; 

CustamersCol .Unique- true; 

// 创 建 三 个 String 类 型 的 列 casttName, CustEName, Purchases 

CustcmersTable.Colummns.MGda("CustIName"，typeof (String) ; 

CustamersTable.Colums.A2cd ("CustFName", typeof (String))) ; 

CustamersTable.Colums.A2cd(" urchases", typeof (String))); 

例 中 将 CustID 列 定 义 为 表 的 主键 列 。CustID 列 指定 的 数据 类 型 是 1n132. CustL. Name 
列 .CustFName 7l] , Purchases 列 指定 的 数据 类 型 都 是 String 类 型 的 列 ,当然 也 可 以 不 设置 
列 的 数据 类 型 ,在 这 个 时 候 DataColumn 的 DataType 属性 默认 为 字符 串 类 型 ,当然 可 以 根 
据 需要 在 创建 列 名 时 进行 列 数据 类 型 的 设置 。 

5. 启用 Autoincrementing 字段 

在 设置 完 DataColumn 列 的 数据 类 型 以 后 ,也 可 以 像 SQL Server 数据 库 表 一 样 ,把 某 
一 列 设置 成 自动 递增 的 。 简 单 地 说 ,自动 增加 列 的 功能 可 以 确保 当 一 个 新 行 被 添加 到 给 定 
表 时 ,可 以 基于 当前 的 递增 步 长 值 自动 指定 这 个 列 的 值 。 特 别 是 当 某 一 列 作为 没有 重复 值 
的 主键 的 时 候 , 这 个 功能 就 特别 有 用 。 在 DataTable 中 ,这 个 功能 可 以 用 AutoIncrement 
(是 否 将 列 的 值 自动 递增 )、AutoIncrementSeed( 起 始 值 ,种子 值 ) 和 AutoIncrementStep E 
长 ) 属 性 来 控制 。 

A 示例 9: 创建 一 个 支持 自动 递增 的 DataColumn 列 。 标 记 列 的 起 始 值 是 0, 步 长 值 为 
1 ,代码 如 下 。 
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// 创 建 一 个 新 列 

DataColum myColumm new DataColum () 7 
TYColummn.ColumnName= " CustID "7 

myColum.DataType- System. Type.GetType ("System. Int32") ; 
// 设 置 自动 递增 

myColum.AutoIncrement- true; 
myColum.AutoIncrementSeed- 0; 
myColum.AutoIncrementStep- 1; 


创建 一 个 数据 类 型 为 Int32 的 CustID 列 , 为 了 能 使 这 个 字段 的 值 实现 自动 增加 的 效 
果 ,需要 把 列 的 AutoIncrement 属性 设置 为 true; 把 列 的 种 子 值 AutoIncrementSeed 设 为 0， 
也 就 是 从 o 开始 计数 ;同时 设置 自动 增加 的 步 长 AutoIncrementStep 为 1, 每 次 增加 一 个 值 。 
由 于 种 子 值 被 设 为 0, 前 面 5 个 值 应 该 是 0、1、2、3 和 4。 

6. 用 编程 方式 添加 DataTable 行 

在 为 DataTable 定义 了 架构 之 后 ,也 就 是 设置 好 了 需要 的 列 名 以 后 ,就 可 以 通过 将 
DataRow 对 象 添 加 到 表 的 Rows 集合 中 来 将 数据 行 添加 到 表 中 。 与 添加 DataColumn 类 
似 , 同 样 可 以 通过 使 用 DataRow 构造 函数 ,或 者 通过 调用 表 的 Rows 属性 的 Add 方法 ,可 在 
表 内 创建 DataRow 对 象 。DataColumn 对 象 集 合 表示 了 表 的 模式 (Schema) 。DataTable 通 
过 内 部 的 DataColumnCollection 类 型 保存 表 中 所 有 的 列 。 相 反 ,DataRow 类 型 集合 就 表示 
表 中 的 实际 数据 。 这 样 , 如 果 Customers 表 中 有 10 个 记录 ,就 可 以 使 用 10 个 DataRow 类 
型 来 表示 它们 。 使 用 DataRow 类 的 成 员 可 以 对 表 中 的 值 进行 插入 ,删除 、 求 值 和 操作 操作 。 

ARB 10: 向 Customers 表 中 插入 行 ,实现 代码 如 下 。 


// 创 建 一 个 custamers 数 据 表 

DataTable QustamersTable= new DataTable ("Custamers "); 

// 创 建 一 个 新 的 数据 行 

DataRow arow- CustamersTable.NewRow() 7 

// 设 置 行 的 值 

arow[ColumName]- DataValue; 

// 把 数据 行 添加 到 已 经 创建 的 Customers 数据 表 中 

CustamersTable.Rows .Acd (arow) ; 

这 段 代码 表示 新 建 一 行 arow, 并 给 这 行 中 的 某 一 个 列 名 赋值 为 DataValue, 最 后 把 这 一 
行 添加 到 Customers 表 中 。 使 用 DataRow 与 使 用 DataColumn 有 些 不 同 , 因 为 不 可 以 直接 
创建 这 个 类 型 的 实例 ,而 是 获得 一 个 来 自给 定 DataTable 的 引用 。 假 设想 向 Customers 表 
中 添加 新 行 , 则 可 以 用 DataTable. NewRow() 方 法 获得 下 一 空位 ,然后 在 上 面 填充 每 列 的 
数据 。 

7. 用 编程 方式 删除 DataTable fT 

从 DataTable 对 象 中 删除 DataRow 对 象 的 方法 有 两 种 : DataRowCollection 对 象 的 
Remove 方法 和 DataRow 对 象 的 Delete 方法 。Remove 方法 和 Delete 方法 都 可 以 将 
DataTable 的 行 DataRow 删除 ,但 是 前 者 是 从 DataRowCollection 中 删除 DataRow ,而 后 者 
只 将 行 标记 为 “删除 ”, 当 应 用 程序 调用 AcceptChanges 方法 时 , 才 会 发 生 实际 的 删除 。 通 过 
使 用 Delete 方 法 ,可 以 在 实际 删除 之 前 先 以 编程 方式 检查 哪些 行 标记 为 “删除 ”。 如 果 将 行 
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标记 为 “删除 ”, 其 RowState 属性 会 设置 为 Deleted。 在 将 DataSet 或 DataTable 与 
DataAdapter 和 关系 型 数据 源 一 起 使 用 时 ,用 DataRow 的 Delete 方法 移 除 行 。Delete 方法 
只 是 在 DataSet 或 DataTable 中 将 行 标 记 为 Deleted. 而 不 会 移 除 它 。 而 DataAdapter 在 遇 
到 标记 为 Deleted 的 行 时 ,会 执行 其 DeleteCommand 方法 ,以 便 在 数据 源 中 删除 该 行 ,然后 
就 可 以 用 AcceptChanges 方法 永久 移 除 该 行 。 如 果 使 用 Remove 删除 该 行 , 则 该 行将 从 表 
中 完全 移 除 ,但 DataAdapter 不 会 在 数据 源 中 删除 该 行 。 


6.3.4 GridView 的 高 级 应 用 技巧 


GridView 对 象 中 的 RowDataBound 事件 为 开发 人 员 提 供 了 方便 的 控制 行 、 列 数据 的 途 
径 。 要 获取 当前 行 的 某 个 数据 列 , 可 以 使 用 如 下 几 种 方法 。 
* Cells[ x]. Txt: 从 列 单元 格 的 文本 值 获取 。 这 种 方法 简单 且 高 效 ,最 为 常用 ,但 功能 
单纯 。 存 在 的 缺点 是 : 无 法 获取 设置 了 隐藏 属性 的 数据 列 的 值 , 所 取 到 的 值 为 空 。 
只 能 获取 在 HTML 中 定义 过 的 数据 列 ,无 法 查询 数据 源 中 的 当前 数据 行 的 所 有 字 
段 列 。 
。 e. Row, Cells[ x]. FindControl("YourcontrolName") ; 用 于 在 单元 格 内 查找 某 个 服 
务 器 控件 ,从 而 获得 其 数据 值 。 这 种 方式 可 以 操作 单元 格 内 的 服务 器 控件 。 一 般 用 
于 处 理 模板 列 中 的 数据 或 控件 。 
。 (DataRowView)e. Row. Dataltem). Row. ItemArray[i]. ToString(): 方法 的 核心 
是 e. Row. Dataltem, 它 是 GridView 中 Object 类 型 的 行 数据 集 ,将 其 转化 为 
DataRowView 类 型 后 ,可 以 获得 更 多 的 操作 方法 。 此 数据 集 表示 数据 源 当 前 行 的 
全 部 字段 列 ,ItemArray[ 门 是 当前 行 全 部 字段 列 的 数组 对 象 , 可 以 通过 索引 i 获得 任 
意 字 段 值 。 此 方法 的 有 利之 处 是 可 以 对 数据 源 的 全 部 字段 进行 查询 。 
1. 在 GridView 中 进行 鼠标 指针 的 移入 、 移 出 及 变色 
在 创建 GridView 控件 时 ,必须 先 为 GridView 的 每 一 行 创建 一 个 GridViewRow 对 象 。 
创建 每 一 行 时 ,将 引发 一 个 RowCreated 事件 ; 当 行 创建 完毕 ,每 一 行 GridViewRow 就 要 绑 
定数 据 源 中 的 数据 , 当 绑 定 完成 后 ,将 引发 RowDataBound 事件 。 那 么 利用 RowDataBound 
事件 就 可 以 控制 每 一 行 添加 客户 端的 js 代码 。 代 码 如 下 。 


protected void Gridviewl RowDataBound(dbject sender, GridviewRowEventArgs e) 
t 
if (e.Row.RowWType- = DataControlRoWType. DataRow) 
t 
e.Row.Attributes.Add("onmuseover", "currentcolor- this.style. 
backgroundColor;this.style.backgroundColor- HteOffff'"); 
e.Row.Attributes.Acd("onmuseocut", "this.style.backgroundcolor- 
currentcolor"); 


} 


该 段 代 码 表 示 为 每 个 行 添加 一 个 onmouseover 属性 ,这 个 属性 其 实 就 是 对 应 
JavaScript 中 的 “鼠标 移 人 ?事件 ,该 事件 触发 时 将 当前 的 背景 色 保 存 到 变量 currentcolor 
中 ,接着 设置 当前 行 的 颜色 为 # e0ffff。 同 样 也 添加 了 “鼠标 移出 ”事件 ,这 个 事件 发 生 时 行 
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的 背景 色 设 置 为 currentcolor, 即 恢复 到 原先 的 背景 色 。 

2. 在 GridView 中 利用 ShowFooter 进行 数据 汇总 

通常 需要 在 GridView 中 对 某 一 列 数据 进行 汇总 ,并 将 汇总 结果 显示 在 脚注 中 ,如 图 6-8 
所 示 。 


ID Product Price UnitsInStock 
31 Gorgonzola Telino Y 12.50 0 
32 Mascarpone Fabioli ¥32.00 9 
33 Geitost ¥2.50 112 
34 Sasquatch Ale ¥14.00 111 
35 Steeleye Stout ¥18.00 20 
36 Inlagd Sill ¥ 19.00 112 
37 Gravad lax ¥26.00 11 
38 Côte de Blaye footer Y 263.50 17 
39 Chartreuse verte X 18.00 69 
40 Boston Crab Mest Y 18.40 123 
Total value in stock (on this page)- Y 12,880.70 

12345678 


图 6-8 数据 汇总 


这 个 功能 的 实现 依赖 于 GridView 的 DataBound 事件 。 首 先 需 要 设置 GridView 的 
ShowFooter 属性 为 True, 默 认 值 为 False。 然 后 在 GridView 的 DataBound 事件 中 输入 如 
下 代码 。 


protected void gridSummary DataBound(object sender, EventArgs e) 
{ 
decimal valueInStock- 0; 
/ i Jj Gridview 所 有 行 中 指定 的 列 , 这 里 遍历 第 3 列 和 第 4 列 
foreach (GridViewRow row in gridSunmary.Rows) 
{ 
decimal price= Decimal.Parse (row.Cells[2] .Text .Substring (1)) ; 
int unitsInStock- Int32.Parse (row.Cells[3] .Text) ; 
valueInStocke-price * unitsInStock; 
) 
GridViewRow footer- gridSunmary.FooterROw; 
// 设 置 footer 跨 越 这 个 行 , 并 设置 为 居中 对 齐 
footer .Cells[0] .Columnsparn= 3; 
footer.Cells[0] .HorizontalAligre HorizontalAlign.Center; 
// 移 除 不 需要 的 单元 格 
footer.Cells.Removeat (2) ; 
footer.Cells.Removeat (1) ; 
// 组 合 结果 ,复制 给 footer 的 第 一 个 单元 格 
footer.Cells[0] .Text= "Total value in stock(on this page) : "+ 
valueInStock.ToString ("C") ; 
H 


汇总 行 信息 与 网 格 的 其 他 行 拥有 相同 个 数 的 列 。 所 以 如 果 和 希望 跨越 多 个 单元 格 显示 文 
字 , 需 要 配置 适当 的 单元 格 的 ColumSpan 属性 以 跨越 多 格 。 本 例 中 ,第 一 个 单元 格 跨越 了 
zäh 
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64 项 目 实 施 


6.4.1 任务 1: 编写 SqlHelper 数据 访问 类 


1. 任务 目标 

(1) 能 使 用 Visual Studio 2012 生成 新 的 类 。 

(2) 能 熟练 生成 新 方法 。 

2. 任务 内 容 

(1) 创建 SqlHelper 类。 

(2) 在 SqlHelper 类 中 添加 访问 数据 库 的 方法 。 

3. 任务 实施 步骤 

该 任务 需要 掌握 类 和 方法 的 概念 。 此 外 为 安全 起 见 , 需 要 将 连接 字符 串 放置 在 web. 
config 配置 文件 中 以 便 项 目 发 布 时 进行 加 密 。 

(1) 新 建 SqlHelper 类 

右 击 App. Code 文件 夹 ,在 弹出 菜单 中 单 击 “ 添 加 ”一 “添加 新 项 ”命令 ,打开 “添加 新 项 ” 
对 话 框 。 在 “名 称 ” 文 本 框 中 输入 SqlHelper, 单 击 “ 类 ”列表 项 ,如 图 6-9 所 示 ,再 单 击 “ 添 加 ” 
按钮 。 


4 Bs HERRAR: MIN -PE WEDRRME Corm. »- 
Visud Basic E 
和 图 meug Visul cë AT ~ 
联机 si Visual Ct 
wz Visul cë 
H es Visul Ce 
w Vim CF 
Ag am Visul cë 
D) sux Visual Ce 
B xs Visul cë 
B s Visual CE 
B ameus Visual Cà 
fd, cient rica rie — 
Pee Vienn Ce 
EJ [saelper es ] 口 GRETE n) 
OHSA 
LZ] 


图 6-9 新 建 SqlHelper 类 


(2) 双击 打开 web. config 文件 ,在 二 connectionStrings 二 小 节 中 添加 连接 字符 串 内 容 。 
代码 如 下 。 


<connectionStrings> 
< add name- "3martConnectionString" 
connectionString- "Data Source- .;Initial Catalog- Smart; 
Integrated Security- True; 
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MiltipleActiveResultSets- true" 
providerName- "System.Data.SqlClient"/» 
< /connectionstrings» 


< 一 add> 表 示 在 二 connectionStrings 过 小节 中 添加 了 一 个 名 字 为 SmartConnectionString 
的 连接 字符 串 。DataSource 表示 访问 的 服务 器 为 本 地 服务 器 ,Initial Catalog 表示 访问 的 数 
据 库 为 Smart. Integrated Security 表示 采用 集成 访问 的 形式 访问 数据 库 , Multiple- 
ActiveResultSets 的 作用 是 指定 多 活动 的 结果 集 是 否 与 指定 的 链接 相互 关联 。 类 型 是 bool 
类 型 ,true 代表 与 指定 的 链接 关联 ;false 代表 与 指定 的 链接 不 关联 ;默认 是 false, 

(3) 双击 SqlHelper. cs 类 文件 来 打开 它 ,输入 下 列 代码 。 


using System; 
using System.Collections.Generic; 
using System.Ling; 
using System.Web; 
using System.Data.SqlClient; 
using System.Data; 
///« summary» 
///SalHelper 的 摘要 说 明 
///« /summary> 
public class sqlHelper 
t 
ConnectionStrings ["smartConnectionString"] .ToString () ) ; 
SqlDataReader sdr; 
public SqlHelper() 
t 
// 
//TODo: 在 此 处 添加 构造 函数 的 代码 
// 
} 
public sqlConnection getconn () 
{ 
retum oon; 


public sqlDataReader Queryoperation (String StrQueryCormang) 
t 
if (con.State-- System. Data.ConnectionState.Closed) 
con.0pen() ; 
SqlCcmmand amd- new Sql camand() ; 
amd.CanmandText- StrQueryCanmand; 
if (sdr '-null) 
sdr.Close(); 
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Sdr- amd.ExecuteReader () ; 
retum sdr; 
} 
public bool ExeNonQuery (String Strom) 
{ 
if (con.State== System. Data .ConnectionState.Closed) 
con-Open ()7 
SqlCommand amcF new Sqicammand () 7 
cmd.CommandText= Str; 


) 
public void closeConn() 
t 
if(con.State != System.Data.ConnectionState.Closed) 
con.Close(); 


public bool ExeNoQueryProc (String andName, SqlParameter[] ps) 
t 
if (con.State- = System. Data.ConnectionState.Closed) 
con.Open ()7 
Sql Ganmand amd- new SqlCamarnd() ; 
am.connectiore con; 
amd.CanmandText- amdName; 
ard. CanmandType- System. Data .CamandType . StoredProcedure; 
foreach (SqlParameter p in ps) 
í 
ad.Parawters.Add (p) ; 


retum false; 


215 


ASP NET 动 态 网 站 开发 


return true; 


public DataTable QueryOperationProc (String mare, SqlParameter[] ps) 


t 


) 


if (con.State- — System. Data.ConnectionState.Closed) 
con.0pen() ; 
SqlCommand mÈ new Sqicammand () ; 
ami.CoammandText- amdName; 
ard.CamandType- System. Data .ConmandT' ype. StoredProcedure; 
if (ps '-null) 
t 
foreach (SqglParameter p in ps) 
t 
and. Parameters.Acdd (p) ; 
) 
) 
DataTable dt- new DataTable (); 
SqlDataAdapter sda= new SqlDataAdapter (amd) ; 
sda.Fill(dt); 
retum dt; 


public DataTable QueryProc (String amdstr, SqlParameter[] ps) 


{ 


} 


DataTable dt= new DataTable (); 

if (con.State== System.Data.ConnectionState.Closed) 
con.Open(); 

SqlCoamand mÈ new SqlCanmand () ; 

ard.Connection= con; 


if(ps '-null) 
{ 
foreach (SqlParameter p in ps) 
t 
ard. Paraneters.Acd (p) ; 
} 
} 
SqlDataAdapter sda- new SqlDataAdapter (amd) ; 
Sda.Fill(dt); 
con.Close(); 
return dt; 


下 面 分 别 讲解 这 个 类 文件 中 的 各 个 属性 和 方法 。SqlConnection con = new 
SqlConnection 语句 用 于 创建 一 个 连接 对 象 .SqlConnection 对 象 需要 提供 一 个 连接 字符 串 
参数 。 本 文中 已 经 将 连接 字符 串 配 置 在 web. config 配置 文件 中 。 所 以 需要 通过 以 下 语句 
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来 获取 配置 文件 中 的 SmartConnectionString 的 连接 字符 串 内 容 。 

String"] 

getConn() 方 法 的 作用 是 返回 一 个 连接 对 象 。QueryOperation 方法 要 求 提供 一 个 SQL 
查询 操作 的 代码 ,返回 的 是 一 个 存放 了 数据 的 SqlDataReader 对 象 ,需要 注意 的 是 ， 
QueryOperation 方法 只 能 提供 查询 功能 ,不 能 提供 非 查询 功能 。ExeNonQnuery 方法 提供 非 
查询 功能 ,需要 调用 者 提供 一 个 非 查 询 的 SQL 代码 ,如 果 成 功 执行 则 返回 true, 否 则 返回 
false。closeConn 方法 是 将 创建 的 连接 关闭 。QueryOperation 和 ExeNonQuery 方法 都 是 
需要 直接 传递 一 段 SQL 代码 。QueryOperationProc 方法 则 是 ADO. NET 调用 存储 过 程 的 
实现 方式 。QueryOperationProc 方法 要 求 调用 者 提供 存储 过 程 的 名 称 和 相应 的 存储 过 程 
参数 。 存 储 过 程 参 数 用 SqlParameter 数组 形式 进行 传递 。ADO. NET 调用 存储 过 程 的 方 
法 跟 直 接 调 用 SQL 代码 有 所 不 同 ,必须 设置 SqlCommand 对 象 的 CommandType 属性 为 
StoredProcedure, 即 : 


and.ComrmandTYpe= System. Data .CamandType . StoredProcedure; 
另外 ,必须 将 存储 过 程 的 参数 添加 到 SqlCommand 对 象 的 Parameters 集合 中 。 


if(ps null) 
i 
foreach (SqlParameter p in ps) 
{ 
ard. Parameters .Acd (p) ; 
) 
) 


QueryOperationProc 返回 的 是 DataTable 类 型 的 一 个 对 象 。ExeNoQueryProc 方法 也 


是 需要 调用 者 传递 存储 过 程 名 和 相应 的 存储 过 程 参 数 , 返 回 类 型 是 bool 类 型 。 如 果 成 功 则 
执行 该 方法 ,并 返回 true, 和 否则 返回 false。 


6.4.2 任务 2: 实现 商品 购买 功能 


1. 任务 目标 

(1) 能 掌握 如 何 使 用 URL 传 值 技 术 传 递 数 据 技术 。 
(2) 能 掌握 Request 对 象 QueryString 属性 。 

(3) 能 掌握 如 何 动态 创建 DataTable 技术 。 

(4) 能 熟练 运用 GridView 实现 特殊 效果 。 

2. 任务 内 容 

(1)“ 购 买 ?按钮 用 于 实现 导航 和 传 值 。 

(2)“ 购 物 车 ”页 面 中 获取 “购买 ?按钮 传递 过 来 的 数据 。 
(3) 浏览 器 客户 端 实现 加 减 操作 。 

(4) 实现 “更 新 数据 ”功能 ,更 新 购物 车 的 数据 。 

(5) 实现 “继续 购物 ”和 “现在 就 去 付款 ”导航 功能 。 
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3. 任务 实施 步骤 

该 任务 首先 是 要 实现 商品 显示 页 面 中 的 “购买 ”功能 。 单 击 “ 购 买 ” 按 钮 ( 见 图 6-10) 跳 
转 到 “购物 车 ”页 面 ,并 显示 购物 车 信息 ( 见 图 6-11) 。 单 击 一 按钮 执行 商品 数量 减 1 操作 ; 单 
击 十 按钮 执行 商品 数量 加 1 操作 。 单 击 “ 删 除 ” 链 接 执 行 删除 购物 记录 功能 。 单 击 “ 更 新 数 
据 ? 按 钮 ,将 购物 车 信息 更 新 到 Session 中 。 单 击 * 继 续 购物 ”按钮 , 跳 转 到 商品 显示 页 面 。 
单 击 “ 现 在 就 去 付款 ”按钮 , 跳 转 到 “订单 生成 "页面 。 


&mart 
OnLine 


图 6-10 商品 列表 中 的 购买 界面 
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图 6-11 “购物 车 ”界面 


CD 双击 商品 列表 显示 文件 WareGrid, 单 击 GridView 控件 , 单 击 智能 提示 , 单 击 “ 编 辑 
模板 ”命令 ,打开 “编辑 模板 ”窗口 。 单 击 “ 购 买 ”按钮 的 智能 提示 , 单 击 “ 编 辑 DataBinds” 命 
令 。 单 击 CommandArgument 属性 ,在 代码 表达 式 中 输入 Eval("Ware_ID") ,将 “购买 ”按钮 
的 CommandArgument 属性 动态 绑 定 到 数据 字段 Ware_ID 中 。 

(2) 新 建 ShoppingCart2. aspx 内 容 页 (来 自 母 版 页 Layout. master). 。 拖 动 GridView 
控件 到 页 面 , 更 改 其 ID 为 gvCart。 
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(3) 双击 “购买 ?按钮 ,进入 "购买 "按钮 单 击 事件 的 相应 代码 ,输入 下 列 代码 。 


protected void ImageButtonl Click(abject sender, ImageClickEventArgs e) 
t 


TmageButton btr- (ImageButton) sender; 
String Ware ID- btn.CammandArgument ; 
GridviewRow row- (GridViewRow)btn.NamingContainer; 
label lblNum- (Label)row.Cells[1].FindControl ("Labell") ; 
String addr- "~ /Shop/ShoppingCart2.aspx?wid- (0)& mum (1)"; 
addr- String.Format (addr, Ware ID, lblNum.Text); 
Response.Redi rect (addr) ; 

} 


这 段 代 码 表示 从 “购买 ”按钮 的 单 击 事件 传递 的 参数 sender 中 获得 触发 事件 的 图 像 按 
钮 btn, 然 后 从 btn 这 个 对 象 中 获得 步骤 1 中 绑 定 的 CommandArgument 属性 ,也 就 是 动态 
绑 定 的 数据 字段 Ware ID 的 值 。 接 着 通过 btn 的 属性 NamingContainer 获得 该 按钮 所 在 
的 行 ,从 而 根据 FindControl 方法 获得 “商品 编号 ?标签 的 值 。 通 过 Response 对 象 的 
Redirect 方法 跳 转 到 ShoppingCart2. aspx 页 面 , 在 跳 转 过 程 中 携带 了 wid Cj i ID) 和 
wnum( 商 品 编码 ) 值 。 

(4) 双击 ShoppingCart2. aspx 页 面 , 输 入 下 列 代码 。 


int ID-- 1; 
String ProductND= ""'; 
SqlHelper sh- new SqlHelper () ; 
protected void Page Load(doject sender, EventArgs e) 
t 
if (!Page. IsPostBack) 
{ 
try 
{ 
ID= Convert.ToInt32 (Request .QueryString ["wid"] .ToString()) ; 
ProductNO- Request .QueryString ["wnum"] .ToString () ; 
BindList(); 


public void BindList () 
t 

DataTable dt= new DataTable () ; 

if(Session["cart"] != null) 

t 

dt- (DataTable)Sessian["cart"]; 
H 
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dt.Colums.Acd (new DataColum ("ID", typeof (Int32))); 
dt.Colums.Acd (new DataColum ("ProductNo", typeof (String) )) ; 
dt.Colums.Acdd (new DataColum ("ProductName", typeof (String))) ; 
dt.Colums.Acd (new DataColum ("BuyPrice", typeof (Int32))) ; 
dt.Colums.2cd (new DataColum ("Anount", typeof (Int32)) ) ; 


} 
/查询 商品 信息 
ifüD (=-1) 
t 
bool isExisted- false; 
// 判 断 是 否 存在 
foreach (DataRow dr in dt.Rows) 
t 
if (dr["ProductNo"] .ToString () .Trim()== ProductNO) 
t 
isExisted- true; 
break; 
) 
} 
证 (!isEgxisted) 
{ 
SalParameter[] p- new Sql Parameter [1]; 
p[0]- new SqlParameter () ; 
p[0] .ParameterName- "@ Ware ID"; 
p[0] .Value= ID; 
p[0] .SqiTbType- Sqitbrype. Int; 
DataTable dtproduct- sh.QueryOperationProc ("sp select2 id", p); 
dt.Fows.Add (new doject [ { 
ID, 
dtproduct.Fows [0] [Ware Niniber"] -TcString() , 
dtproduct.Rows[0] ["Ware Name"] .ToString(), 
Convert.ToInt3? (dtproduct.Rows [0] [Ware Price"]), 
1p; 
} 
else 
{ 
Scriptvanager.RegisterStartupScript (this, typeof (Page), 
"alertExist", "alert ("您 选择 的 商品 编号 : "+ Producto ") 
已 在 购物 车 1")",true); 
) 
} 
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H 


Session.Add("cart", dt); 


TE Page Load 事件 中 的 第 一 次 加 载 过 程 中 ,通过 Request 对 象 的 QueryString 属性 获 
得 从 “购买 ”按钮 传递 过 来 的 wid 和 wnum 值 ,然后 调用 BindList 方法 显示 购物 车 信息 。 
BindList 方法 首先 通过 if (Session[ "cart" ] ! 王 null) 语 句 来 判断 该 用 户 对 应 的 购物 车 是 否 
因为 购物 车 信息 是 暂时 存放 在 用 户 的 Session 对 象 中 ) ,如 果 该 用 户 购 物 车 不 存在 , 则 
通过 Dt. columns. add 方法 创建 购物 车 表 , 用 于 存放 购买 的 商品 信息 ,否则 从 Session 对 象 
中 直接 获取 购物 车 表 。 接 着 使 用 foreach (DataRow dr in dt. Rows) 循 环 判 断 传递 过 来 的 
wnum 值 是 否 已 经 在 购物 车 表 中 ,如 果 存 在 , 则 弹出 提示 信息 ( 见 图 6-12), 否则 使 用 
SqlHelper 类 的 QueryOperationProc 方法 来 调用 sp_select2_id 存储 过 程 以 获得 给 定 的 商品 
ID 的 商品 具体 信息 ,并 通过 dt. Rows. Add 方法 将 查询 到 的 商品 具体 信息 添加 到 购物 车 表 
中 。 最 后 将 购物 车 表 的 信息 绑 定 到 GridView 控件 中 。 
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图 6-12 弹出 提示 信息 


(5) 登录 SQL Server 2008 服务 器 . 单 击 “ 新 建 查询 ”按钮 ,输入 下 列 SQL 代码 , 按 F5 功 
能 键 运行 代码 。 新 手 容易 出 错 的 是 选择 了 数据 库 Smart。 默 认 数据 库 是 master。 


create proc sp select2 id 
GWare ID int 


select Ware Number, Ware Name,Ware Price fram T Ware where Ware ID-Q Ware ID 

(6) 单 击 GridView 控件 智能 提示 ,再 单 击 “ 自 动 套 用 格式 "菜单 项 ,打开 “自动 套用 格 
式 ” 对 话 框 , 单 击 “ 彩 色 型 "项 ,再 单 击 “ 确 定 ” 按 钮 。 

(7) 依次 单 击 GridView 控件 智能 提示 , 单 击 “ 编 辑 列 ” 菜 单项 ,再 单 击 BoundField Jii. 
单 击 “ 添 加 ”按钮 。 单 击 DataField 属性 ,输入 ProductNo; 单 击 HeaderText 属性 ,输入 “商品 
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编号 ”。 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField 属性 ,输入 ProductName; 
单 击 HeaderText 属性 ,输入 “商品 名 ”。 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 
DataField 属性 ,输入 BuyPrice。 单 击 DataFormatString, 输 入 {0:C} ,确保 BuyPrice 列 数据 
以 货币 符号 格式 显示 。 单 击 HeaderText 属性 ,输入 “单价 ”。 单 击 TemplateField 选项 , 单 
击 “ 添 加 ”按钮 , 单 击 HeaderText 属性 ,输入 "数量 ”。 单 击 CommandField 一 “删除 ”命令 ;再 
单 击 “ 添 加 ”按钮 ;最 后 单 击 “ 确 定 ” 按 钮 。 

(8) 单 击 GridView 控件 智能 提示 , 单 击 “ 编 辑 模板 ”菜单 项 ,打开 “编辑 模板 ”界面 。 拖 
动 HTML 控件 箱 中 的 Image 控件 到 “编辑 模板 ”界面 中 , 单 击 ID 属性 ,输入 imgReduce。 单 
ili Sre 属性 , 单 击 右边 的 “选择 ”按钮 ,设置 图 像 文件 为 WebIcon 中 的 bg close. gif。 拖 动 
HTML 控件 箱 中 的 Image 控件 到 “编辑 模板 ”界面 中 。 单 击 ID 属性 ,输入 imgPlus。 单 击 
Sre 属性 , 单 击 右边 的 “选择 ?按钮 ,设置 图 像 文 件 为 WebIcon 中 的 bg open. gif。 拖 动 
TextBox 控件 到 imgReduce 右边 , 单 击 ID 属性 ,输入 txtAmount, 单 击 智能 提示 ,再 单 击 
“编辑 DataBinds” 菜 单项 。 单 击 Text 属性 ,在 代码 表达 式 中 输入 Eval("Amount") ,将 
txtAmount 文本 框 的 Text 属性 绑 定 为 数据 字段 Amount。 

(9) 按 F5 功能 键 运 行程 序 。 


6.4.3 任务 3: 在 客户 端 实现 商品 数量 增 减 的 功能 


1. 任务 目标 

能 使 用 JavaScript 脚本 编写 客户 端 程序 。 

2. 任务 内 容 

使 用 JavaScript 脚本 实现 商品 数量 增 减 的 功能 。 

3. 任务 实施 步骤 

该 任务 首先 需要 在 页 面 中 使 用 JavaScript 添加 “加 ”和 “ 减 ” 函 数 ,然后 在 GridView 的 
RowDataBound 事件 中 给 imgReduce 图 像 和 imgPlus 图 像 分 别 添加 客户 端 代 码 。 

CD FÈ Shift 十 F7 组 合 键 切换 到 页 面 。 单 击 “ 源 ”按钮 ,切换 到 “ 源 ”" 视 图 ,在 二 asp: 
content 二 后 输入 Reduce 和 Plus 函数 。 


< script type "text/javascript"> 
function Reduce (dbj) ( 
if(doj.value» 1) ( 
cbj.value- cbj.value - 1; 
) 
} 
function Plus (œj) { 
cbj.value- parseInt (dbj .value)+ 1; 
} 
< /script» 


(2) 单 击 “设计 ”按钮 ; 再 单 击 GridView 控件 ; 接着 单 击 “事件 ”按钮 , 双击 
RowDataBound 事件 ,进入 代码 编辑 状态 .输入 下 列 代码 : 

protected void gvCart RowDataBound (Gbject sender, GridViewRowEventArgs e) 

t 
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if (e.Row.RowIype- = DataControlRowType .DataROw) 
{ 
e.Row.Attributes.A2cd ("onmuseover", 
"p- this.style.bakgrand olor; this.style.backyrandolor= FEIECEE'") ; 
e.Row.Attributes.Acd ("onmuseout", 
"this.style.backgroundColor- b") ; 
TextBox th= (TextBox)e.Row.FindControl ("Txtzmount") ; 
( (Html Image) e. Row. FindControl ("'imgReduce") ) .Attributes .Add ("onclick", 
"Reduce ("+ tb.ClientIDe ")") ; 
((HtmlTmage) e. Row. FindControl ("imgPlus") ) .Attributes.Acdd ("onclick", 
"Plus ("+ tb.ClientIDe ")"); 


) 


通过 if Ce. Row. RowType-— = DataControlRowType. DataRow) 语 句 判 断 当 前 行 是 否 
是 数据 行 。 在 数据 行内 通过 FindControl 查找 txtAmount XEHE; FAR imgReduce 图 像 
并 转换 为 HtmlImage 类 型 ;接着 给 该 对 象 的 Attributes 属性 添加 onClick 事件 名 和 对 应 的 
Reduce PR, DA IR] FÉ ZI 3X 4 imgPlus 的 Attributes 属性 添加 onClick 事件 名 和 对 应 的 Plus 
函数 。 

(3) 按 F5 功能 键 执行 程序 ,效果 如 图 6-13 所 示 。 


nae MARREY AEN AAR 
Hk RÁK RAREATÁHE BRIDIUS H3001 


Gc 27 sasn ons BARO 


图 6-13 任务 3 效果 图 


6.4.4 任务 4: 删除 购物 车 中 的 记录 


1. 任务 目标 
能 使 用 DataTable 类 删除 数据 。 
2. 任务 内 容 
删除 购物 车 中 的 记录 。 
3. 任务 实施 步骤 
单 击 GridView 控件 ,再 单 击 “ 事 件 ” 按 钮 ,然后 双击 RowDeleting 事件 ,进入 代码 页 面 ， 
输入 下 列 代码 : 
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protected void gvCart RowDeleting(dbject sender, GridviewDeleteEventArngs e) 
t 
DataTable dt= Session["cart"] as DataTable; 
dt.Rows.RemoveAt (e .RowIndex) ; 
dt.AcceotChanges () ; 
Session["cart"]- dt; 
gvCart..DataSource- dt; 
gvCart.DataBind(); 
} 


以 上 代码 片段 表示 从 Session 对 象 中 获取 cart 属性 值 并 转换 成 DataTable 类 型 ,接着 
将 “删除 ”按钮 触发 的 行 记录 删除 ,最 后 重新 将 gvCart 重新 绑 定 数据 。 原 先 购物 记录 有 
2 条 , 单 击 “ 删 除 ”按钮 后 只 剩 1 条 记录 .效果 如 图 6-14 所 示 。 


Smart 
OnLine 


图 6-14 删除 功能 


6.4.5 任务 5: 订单 的 生成 


1. 任务 目标 

(1) 能 使 用 JavaScript 脚本 实现 特殊 效果 。 

(2) 能 使 用 事务 技术 保持 数据 库 操 作 的 原子 性 。 

2. 任务 内 容 

(1) 使 用 JavaScript 显示 已 经 隐藏 的 DIV. 

(2) 使 用 ADO. NET 级 事务 执行 插入 订单 的 操作 。 

3. 任务 实施 步骤 

该 任务 的 重点 是 使 用 ADO. NET 级 事务 执行 插入 订单 操作 。 基 本 操作 流程 是 : 从 购 
物 车 的 “现在 就 去 付款 ”按钮 跳 转 到 订单 生成 页 面 ( 见 图 6-15 ,其 前 提 是 已 经 登录 过 ,和 否则 会 
跳 转 到 登录 页 面 并 要 求 用 户 进 行 登录 )。 如 果 地 址 栏 中 没有 所 需 的 地 址 , 则 单 击 地 址 栏 最 右 
边 的 展开 按钮 ,显示 “新 地 址 ”一 栏 ,在 新 地 址 文本 框 中 输入 地 址 , 单 击 “ 十 ”按钮 ,添加 新 地 址 
到 T CustomerAddress 地 址 中 。 单 击 “ 去 结算 "按钮 ,生成 订单 并 跳 转 到 商品 列表 页 面 。 

(1) 从 Layout. master 生成 内 容 页 Order. aspx, 并 按照 图 6-16 所 示 设 计 界 面 。 读 者 可 
以 使 用 Table 控件 或 者 DIV 控件 进行 布局 。 页 面 的 HTML 代码 如 下 所 示 。 
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6-15 订单 生成 页 面 


图 6-16 任务 5 界面 布局 


«$6 Page Title="" Language- "CR" — MasterPageFile- "^ /Shop/Layout master"! 
 AutcEventWi reup- "rue" CodeFile= "Order.asp.cs" Irherits= "Shop Order" $> 
< asp:Content. ID= "Content]" ContentPlaoeHolderID- "ContentPlaceHolderl" 
Runat- "Server" 
< link href= "nystyle.css" rel= "stylesheet" type= "text/css" /> 
<div id- "divPad'^ 
</div> 
<div id- "divorderMain"» 
<div> 订 单 编号 : <asp:Label ID- "Labell" runat- "server" Text- "Label" < /asp:Label» 
« /div» 
<div iœ "divuserinfo'"» 
收 件 人 : <asp:Label ID= "IblUser" runat- "server" Text- "Tabel"> < /asp:Iabel> 
« /div» 
<div id- "divaddress'» 
Ji ht: «asp:DropDownList ID= "ddlAddress" runat- "server" 
DataesxtField- "Onstarer Adress" DatavalueField- "Oustamerictiress. D> 
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< /asp:DropDownLi st» 
< img id- "imgExtend" alt= "" src". . /ebIcon/16/play.png" 
style= "vertical- align:middle" runat- "server"/» < /div» 
<div id "divadd" runat= "server" style= "display:none' 3r Hb ht : 
< asp:TextBox ID= "TextBox1" runat- "server> < /asp:TextBox» 
< asp: ImageButton ID= "ImageButton?" runat- "server" 
TmageUrl-"- /WebIoon/lé/add.png" style= "vertical- align:middle" 
OnClick- "ImageButton? Click"/» 
</div> 
<div id- "divproinfo"» 
< asp:Gridview ID= "gvInfo" runat- "server" CellPadding- "4" 
ForeColor- "4333333" GridLines- "None"» 
« AlternatingRowStyle BackColor- "White" /> 
< FocterStyle BackColor- "4990000" Font- Bold "rue" ForeColor- "White" /> 
< HeaderStyle BackColor- "4990000" Font- Bold "rue" ForeColor- "White" /> 
< PagerStyle BackColor- "KFFOC66" ForeColor- "#333333" 
HorizontalAlign- "Center" /> 
< RowStyle BackColor- "£FFFFBD6" ForeColor- "4333333" /> 
< SelectedRowStyle BackColor- "£FFFOC66" Font- Bold- "True" 
ForeColor- "Navy" /» 
< SortedascendingcellStyle BackColor- "KFDFSAC" /> 
< SortedascendingHeaderStyle BackColor- "$4D0000" /> 
< SortedDescendingcellStyle BackColor- "EFCF6CO" /> 
< SortedDescendingHeaderStyle BackColor- "4820000" /> 
< /asp:Gridview» 
< /div» 
<div iŒ "divstbmit"> 
< asp: ImageButton ID= "ImageButtonl" runat- "server" 
ImageUrl- "~ /WebIcon/pay.gi f" onclick- "ImageButtenl Click" /> 
« /div» 
« /div» 
< /asp:Content» 


(2) 页 面 加 载 是 自动 绑 定 订单 号 .用 户 账 号 和 地 址 、 购 物 车 信息 。 按 FT 功能 键 切换 到 
代码 页 面 ,在 Page Load 事件 中 输入 下 列 代码 : 


protected void Page Load (cbject sender, EventArgs e) 
t 
if (Session["useraccount"]- - null) 
t 
Response.Redi rect ("^ /Shop/Login.aspx") ; 


lblUser.Text- Session["useraccount"] .ToString() ; 
if(!Page.IsPostBack) 
t 
( (Html Tmage)Master.FindControl ("ContentPlaoeHolderl") . 
Hinopontrol (ingexterr) -Attributes Ad (nclige", "Di solay?ctr ()") ; 
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if(Session["cart"] != null) 
t 
DataTable dt- Session["cart"] as DataTable; 
gvInfo.DataSource- dt; 
gvInfo.DataBind(); 
H 
labell.Text- Convert.ToString (DateTime .UtcNow.Mi 111second) ; 
String sql= String.Format ("select custamer id from T Custamer where 
Custamer Account- '(0)'", IblUser.Text); 
SqlDataReader sdr- sh.Queryoperaticn (sql); 
int custamerid- - 1; 
if (sdr.HasRows) 
t 
sdr.Read() ; 
custamerid- sdr.GetInt3? (0); 
) 
String sql3-String.Fommat("select * fram T Custamer&diress 
where custamer id- (0)", custamerid); 
SalDataReader sdr2- sh.Queryoperation (sd13) ; 
ddlAddress.DataSouroe- sdr2; 
ddlAddress.DataBind () ; 


} 


该 代码 片段 首先 通过 Session[ "useraccount"] == null 判断 用 户 是 和 否 登 录 过 , 若 没 有 
登录 过 , 则 跳 转 到 登录 页 面 ; 和 否则 执行 下 面 的 逻辑 : 先 通过 ((HtmlImage) Master 
. FindControl("ContentPlaceHolder1") 。 

FindControl("imgExtend")) 方 法 查找 页 面 中 的 “展开 ”图 像框 的 imgExtend 控件 ,然后 通 
过 Attributes 属性 的 add 方法 给 其 添加 onClick 事件 和 逻辑 代码 DisplayAddr()。 这 里 需要 注 
意 的 是 ,如 果 套 用 了 和 母 版 页 , 则 必须 先 使 用 Master. FindControl("ContentPlaceHolder1") 
查找 母 版 页 中 的 ContentPlaceHolder 控件 ,然后 再 采用 FindControl 查找 其 他 控件 ;再 将 
Session 中 的 购物 车 信息 绑 定 到 gvInfo 控件 ;然后 调用 SqlHelper 类 的 QueryOperation 77 
法 查询 会 员 账 号 对 应 的 会 员 ID; 最 后 根据 会 员 ID 号 查询 该 会 员 所 对 应 的 地 址 并 绑 定 到 
ddlAddress 下 拉 列 表 框 。 

(3) 按 Shift 十 F7 组 合 键 切 换 到 页 面 , 单 击 “ 源 ” 按 钮 切换 到 HTML 视图 ,在 二 asp: 
content— fri fiif] A. DisplayAddr O FR. 

< script type= "text/javascript"» 

unction DisplayAddr() ( 
document .getElenentByTd ("< $= divadd.ClientID&» ") .style.display- "block"; 
H 

< /script> 

TE oA HTML 控件 , 需 将 HTML 控件 的 Style 的 Display 属性 设置 为 block; 若 
要 隐藏 HTML 控件 , 则 设置 其 为 none。 
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(4) 编写 添加 地 址 的 功能 。 双 击 “ 十 ”按钮 ,输入 下 列 代码 。 


protected void ImageButton2 Click (dbject sender, ImageClickEventArgs e) 
t 
try 


String sql= String.Fommat ("select custamer id fram T Custamer 
where Custamer Account- ' (0)'", IblUser.Text) ; 
SglDataReader sdr = sh.Queryoperation (sql); 
int custamerid- - 1; 
if (sdr.HasRows) 
t 
sdr.Read( ; 
custamerid- sdr.GetInt3 (0); 
) 
String sql% String.Format ("insert into T Custamer/cüiress values ((0), 
"qn", 
custamerid, TextBoxl.Text); 
Sh.ExeNonQuery (3312) 7 
String sql3-String.Format("select * from T CustamerAdiress where custamer id 
= {0}", custamerid) ; 
SqlDataReader sdr2- sh.Queryoperation (5413) ; 
ddlAcdress.DataSource- sdr2; 
ddl2cdress.DataBind() ; 
) 
catch (Exception) 


(5) 双击 “去 结算 ”按钮 ,切换 到 代码 视图 ,在 单 击 事件 代码 段 中 输入 如 下 代码 。 


protected void ImageButtonl Click (cbject sender, ImageClickEventArgs e) 
t 
SglConnection core sh.getConn () ; 
con.Open 0)7 
SqlTransaction trans- con.BeginTransacticn ()7 
try 
t 
String sql- String.Format ("select custamer id fram T Custamer 
where Custamer Account- '(0]'", lblUser.Text); 
Sat Goamand and new Sqicommand (sql, con) ; 
amd.Transactior- trans; 
SqlDataReader sdr- am.ExecuteReader () 7 
int custamerid- - 1; 
if (sdr.HasRows) 
{ 
sdr.Read(); 
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custamerid- sdr.GetInt32 (0); 
} 
sdr.Close (); 
int QustomerAddressID=— 1; 
CustamerzcHiressID- Convert. bint 32 (ddl2cniress. Selectecvalue.To8tring () ) ; 
String sql2- String.Fomet ("insert into T Order 
values (' (0)", (1), (2), "{3}", (4), (9),  (60)) ; 
select cast(scope identity() as int)", 
Llabell.Text, custamerid, CustamerAddressID, " 货 到 付款 "， 
0, 0, DateTime.Now) ; 
ard.camandText- sql2; 
int OrderID- (int)amd.ExecuteScalar () ; 
for(int i-0; i «gvInfo.Rows.Count; i++) 
i 
int WareID- Convert .ToInt32 (gvInfo.Rows [i] .Cel1s[0] Text) ; 
float qty= Convert.ToInt3 (gvInfo.Rows [i] .Cells[4] Text) ; 
String sql3- String.Formet ("insert into T Shgppingcart 
values ({0}, (1), (2), (3) ", 
custamerid,WareID, qty, OrderID) ; 
ard.camandText- sql3; 
amd.ExecuteNonQuery () ; 
) 
trans.Camit () ; 
) 
catch (Exception ex) 
t 
trans.Rollback(); 
) 
con.Close(); 
Session["cart"]- null; 
Response.Redirect("^ /Shop/WareGrid?.aspx"); 
} 


生成 订单 的 功能 采用 ADO. NET 级 事务 技术 以 确保 工 Order fil T ShoppingCart 表 数 
据 操作 同步 ,要 么 全 都 插入 ,要 么 全 都 不 插入 。 这 里 要 特别 注意 的 是 , 当 向 T Order 表 中 插 
入 一 条 订单 记录 后 ,需要 记录 这 条 新 产生 的 订单 记录 的 ID, 那 怎么 来 获取 刚 插入 的 订单 ID 
呢 ? 细心 的 读者 可 能 发 现 了 下 面 粗 体 字 的 内 容 。 

String sql% Strirg.Format ("insert into T Order values ('{0}", (1), (2), ' (3), (4), (5), (6)*); 

select cast (scope identity() as int)" 

scope identity () 用 于 传 回 目前 工作 阶段 任何 表 中 所 产生 的 最 后 一 个 序列 值 。 这 里 将 
insert 语句 和 scope identity 连用 ,可 以 返回 刚 插 入 的 T_Order 表 的 序列 值 。 这 个 序列 值 是 
插入 T ShoppingCart 表 中 的 记录 时 所 需要 的 。 


65 总 结 归 纳 


THE 6 主要 是 完成 了 购物 功能 ,使 用 了 事务 DataTable 类 ,存储 过 程 和 GridView 高 
229 


ASP NET 动 态 网 站 开发 


级 技巧 等 技能 。 事 务实 现 方式 通常 分 为 ADO. NET RIE, ASP. NET 页 面 级 事务 和 
System. Transactions 操作 事务 。 对 于 通过 ADO. NET 访问 数据 库 方面 的 基本 知识 ,由 于 
篇 幅 关 系 , 本 项 目 中 不 再 细 述 , 若 有 疑问 ,可 以 参阅 项 目 3 中 的 ADO. NET 技术 的 介绍 。 


66 课 后 习题 


选择 题 
1. 一 个 DataSet 可 以 包含 ( ) 数 据 表 (DataTable) 。 

A. 1 个 B. 2 个 C. 3 不 D; 
2. 一 个 DataTable 可 以 动态 生成 ( )DataView, 

A, 14 B.24- C. 34 D. £^ 


3. 下 列 属于 强 类 型 的 是 ( ). 
A. ArrayList XJ B. DataTable 对 象 C. DataView XJ D. 实体 对 象 
4. 在 ADO. NET 中 ,为 访问 DataTable 对 象 从 数据 源 提取 的 数据 行 , 可 使 用 
DataTable 对 象 的 ( ) 属 性 。 
A. Rows B. Columns C. Constraints D. DataSet 
5. 已 知 变量 ds 引用 某 个 DataSet 对 象 ,该 DataSet 对 象 中 已 包含 一 个 表 名 为 tablel 的 
数据 表 。 在 Windows 窗 体 Forml 中 ,为 了 将 变量 名 为 dgvData 的 DataGridView 控件 绑 定 
到 数据 表 tablel 中 ,可 以 使 用 代码 ( )。( 选 两 项 ) 
A. dgvData. DataSource= ds; 
dgvData. DataMember- ds. Tables[ "tablel"]; 
B. dgvData. DataMember-— ds; 
C. dgvData. DataSource— new DataView(ds. Tables[ "table1" ]) ; 
D. dgvData. DataSource— ds. Tables[ "tablel"]; 
dgvData. DataMember- ds; 
6. 对 事务 描述 错误 的 是 ( 。”)。( 选 两 项 ) 
A. 一 个 事务 中 的 所 有 命令 会 作为 一 个 整体 提交 或 回 滚 
B. 如 果 两 个 并 发 事务 要 同时 修改 同一 个 表 , 有 可 能 产生 死 锁 
C. SQL Server 默认 将 每 条 单独 的 T-SQL 语句 视 为 一 个 事务 
D. 必须 使 用 begin transaction 来 明确 指定 事务 的 开始 
7. 在 SQL Server 2008 中 ,创建 如 下 存储 过 程 。 要 在 Students 表 中 查找 Age( 年 龄 ) 是 
18 岁 的 学 生 ,( ) 语 句 可 以 正确 地 调用 这 个 存储 过 程 。( 选 两 项 ) 
CREATE PROCEDURE MyP1 @ p Int AS 
SELECT Studentname, Age FROM Student WHERE, Age ep 
A. EXEC Mypl 18 B. EXEC Mypl @p=18 
C. EXEC Mypl p—"18' D. EXEC Mypl p=18 
8. 分 析 下 面 的 存储 过 程 。 
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BEGIN tran 
DECLARE Q6 b int 
DELETE FRM al WHERE au lname LIKE Qa 
SELECT @ b= @ @ rowcount 
if(8 8 error!=0) 
BEGIN 
ROLLBACK tran 
RETURN 200 
END 
DELETE FROM a2 WHERE au lname LIKE 6 a 
SELECT @ b= @ b+ @ @ rowcount 
IF(8 @ error!=0) 
BEGIN 
ROLLBACK tran 
RETURN 200 
END 
COMMIT tran 
RETURN 6 b 


下 面 选项 正确 的 有 ( ) 。( 选 两 项 ) 


A. 该 存储 过 程 是 无 效 的 ,也 不 会 被 创建 


B. 如 果 在 al 表 的 删除 操作 中 发 生 错误 ,那么 它 在 a2 表 中 就 不 会 执行 删除 操作 
C. 如 果 在 a2 表 中 执行 删除 操作 时 发 生 错误 ,那么 al 表 中 删除 的 行 就 会 被 回 深 


回去 
D. 存储 过 程 会 成 功 执行 ,并 返回 200 


67 同步 操练 


格林 酒店 管理 系统 要 求 支持 前 台 客 房 预 订 。 当 前 台 接 到 预订 电话 后 ,需要 在 系统 中 添 
加 客房 预定 信息 (图 6-17)。 当 单 击 “ 日 期 "文本 框 时 ,会 自动 弹出 日 期 来 让 用 户 进行 选择 
(图 6-18) ,当选 择 好 客房 类 型 后 , 单 击 “搜索 ”按钮 会 显示 符合 要 求 的 房间 号 (图 6-19), 28 
然 也 需要 提供 预订 编辑 功能 (图 6-20)。 
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= Internet Explorer 


perator/YuDing/Ada D E| A lér PL 


Greentotel 


discover a world with us 


Apusn[ 
gem | —— g 
离开 B 期 | a3 
客房 类 型 Ma [v] 4» 
E 

S» | 
l 

CopyRight ARS 


图 6-17 添加 预订 功能 


reen'flctel 


discover a world with us 


身份 证 号 码 
起 EB 期 |  ” 加 
离开 B 期 44 六 月 2014 å ^» 
客房 类 型 | 日 二 三 三 四 五 六 
客房 号 12 34 56 7 
$ 9 10 H 12 13 14 
15 16 17 18 19 20 21 
d 2 3 24 25 By 28 
29 30 1 2.34 $ 
6 7 8 9 1011 2 
D Wa Sx wx 
CopyRight@ 格 林 酒 店 
图 6-18 日 期 的 选择 
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Greentlotel 


discover a world with us 


起 住 日 期 ” |2014-06-03 


离开 日 期 (2014-06-06 m 
客房 类 型 [wXH E A 
1-101 
客房 号 1-119 
" 1-20 
确认 
CopyRight@ 格 林 酒店 


图 6-19 搜索 符合 条 件 的 房间 


reen'flctel 


discover a world with us 


CopyRight@ 格 林 酒店 
图 6-20 “预订 ?信息 的 编辑 
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71 项 目 引入 


前 面 项 目 中 经 常 使 用 商品 信息 等 数据 , 那 这 些 数据 是 怎么 来 的 呢 ? 其 实 是 系统 管理 人 
员 通 过 后 台中 的 商品 信息 管理 模块 添加 和 编辑 所 得 到 的 。 李 明 是 Smart On Line 电子 商城 
的 一 位 开发 人 员 , 接 到 的 任务 是 协助 创建 商品 信息 管理 模块 ,具体 包括 商品 的 一 级 目录 二 
级 目录 ,三 级 目录 和 商品 信息 的 添加 和 编辑 等 功能 。 


72 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 , 采 用 ADO. NET 方式 来 完成 一 级 目录 、 二 级 目录 ,三 级 目录 
和 商品 信息 的 添加 与 编辑 。 项 目 实 现 的 难点 在 于 商品 信息 的 管理 ,不 同 的 商品 除了 具有 共 
同 的 一 些 信息 外 ,还 具有 其 特有 的 信息 。 例 如 手机 具有 的 特有 信息 和 衣服 类 具有 的 特有 信 
息 就 不 一 样 。 所 以 小 组 在 开发 商品 信息 添加 功能 的 时 候 , 需 要 动态 创建 子 类 型 表 来 保存 这 
些 特有 信息 。 商 品 信息 里 必须 具备 相应 的 商品 图 像 ,该 商品 图 像 需要 通过 FileUpLoad 控 
件 上 传 图 像 到 服务 器 上 。 
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7.3.1 使 用 FileUpLoad 上 传 文件 


应 用 程序 经 常 需要 用 户 把 文件 上 传 到 Web 服务 器 。Visual Studio 2012 提供 了 
FileUpLoad 控件 来 帮助 开发 人 员 实 现 该 功能 。 该 控件 让 用 户 更 容易 地 浏览 和 选择 用 于 上 
传 的 文件 , 它 包 含 一 个 浏览 按钮 和 用 于 输入 文件 名 的 文本 框 。 只 要 用 户 在 文本 框 中 输入 了 
完全 限定 的 文件 名 ,无 论 是 直接 输入 或 通过 “浏览 ”按钮 选择 ,都 可 以 调用 FileUpload 的 
SaveAs 方 法 将 该 文件 保存 到 磁盘 上 。 除 了 从 WebControl 类 继承 的 标准 成 员 , FileUpload 
控件 还 公开 了 几 个 只 读 的 属性 ,如 表 7-1 和 表 7-2 中 所 示 。 
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表 7-1 FileUpload 控件 的 属性 


名 称 类 型 读 | 写 说 明 
FileContent | Stream x 返回 一 个 指向 上 传 文件 的 流 对 象 
FileName | string x 返回 要 上 传 文件 的 名 称 ,不 包含 路 径 信息 
HasFile Boolean x 如 果 是 true, 则 表示 该 控件 有 文件 要 上 传 
P H~r x ta zr 它 F 
PostedFile | HttpPostedFile | x Zn EESSI. SNT EAR 
B 


X 7-2 HttpPostedFile 属性 


名 oW 类 型 读 | 写 说 明 
ContentLength integer X 返回 上 传 文件 的 按 字 节 表 示 的 文件 大 小 
ContentType string x 返回 上 传 文件 的 MIME 内 容 类 型 
FileName string X 返回 文件 在 客户 端的 完全 限定 名 
InputStream Stream x 返回 一 个 指向 上 传 文件 的 流 对 象 


使 用 FileUpload 的 步骤 一 般 如 下 。 

CD 选择 要 上 载 的 文件 。 

@ 显 式 提供 一 个 控件 或 机 制 ,使 用 户 能 提交 指定 的 文件 。 例 如 , 单 击 按钮 来 上 载 文 件 。 

© 使 用 HasFile 属性 来 验证 FileUpload 控件 确实 包含 了 文件 。 

@ 调用 SaveAs 方法 将 文件 内 容 保 存 到 服务 器 上 的 指定 路 径 中 。 

调用 SaveAs 方法 时 ,必须 指定 用 来 保存 上 载 文件 的 目录 的 完整 路 径 。 如 果 没 有 在 应 
用 程序 代码 中 显 式 指定 路 径 , 则 当 用 户 试图 上 载 文件 时 将 引发 异常 。 使 用 FileName 属性 
可 以 获取 客户 端 上 使 用 FileUpload 控件 上 载 的 文件 的 名 称 。 此 属性 返回 的 文件 名 不 包含 
此 文件 在 客户 端 上 的 路 径 。 常 使 用 Server. MapPath 方法 获得 虚拟 目录 下 的 完整 路 径 。 
例如 : 


String path= Server.MapPath ("~ /Temp/") 


ASP. NET 默认 会 对 上 传 文件 的 大 小 进行 限制 ,这 点 可 以 在 配置 文件 (web. config) 中 
配置 。 


< system.web> 
< httpRntime executionTimeout= "300" 
mexFequestLength- "40960" useFul1youalifiedRedirectUrl= "false"/> 

< /system.web> 

maxRequestLength 表示 可 上 传 文件 的 最 大 值 ,一 旦 超过 这 个 设置 值 ,就 不 能 通过 
FileUpLoad 将 文件 上 传 到 服务 器 。 

ContentType 获取 上 传 文件 的 MIME 内 容 类 型 。PostedFile. ContentType 这 个 属性 用 
来 判断 上 传 文件 的 MIME 类 型 ,通常 以 此 来 拒绝 某 些 类 型 的 上 传 ,比如 仅 允 许 上 传 图 像 文 
TF ,或 者 指定 固定 图 片 的 格式 ,常见 的 图 片 MIME 类 型 为 image/jpeg image/png 等 。 

ARH: 单 击 * 上 传 "按钮 ,将 选择 的 图 片上 传 到 站 点 根 目录 中 的 Photo 文件 夹 ,并 在 
Image 控件 中 显示 该 图 片 ,如 图 7-1 所 示 。 
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Æ http://localhost:6276/FileUp. aspx — Windows Internet Explorer 


人 Sale http://localhost:62T6/Filelp aspx JO EE Ø localhost x |E] A k EE 


图 7-1 示例 1 效果 


CD 新 建 网 站 。 具 体操 作 这 里 不 再 重 述 ,假设 网 站 名 为 Ex7-1。 

© Aik Ex7-1 文件 夹 , 单 击 “ 添 加 ”一 “添加 新 项 ”命令 ,打开 “添加 新 项 ”对 话 框 。 单 击 
“Web 窗 体 ” 列 表 项 ,在 “名 称 ” 文 本 框 中 输入 FileUp. aspx。 

@ 拖 动 Image 控件 到 页 面 上 , 单 击 Height 属性 ,输入 190px; 单 击 Width 属性 , 输 
人 和信 180px。 

@ 拖 动 FileUpLoad 控件 到 Image 控件 的 右边 , 拖 动 Button 控件 到 FileUpLoad 控件 
的 右边 。 

© 右 击 Ex7-1 文件 夹 , 单 击 “ 添 加 ”一 “新 建文 件 夹 ”命令 ,输入 Photo。 双 击 “* 上 传 ” 按 
钮 ,进入 事件 代码 编辑 状态 ,输入 下 列 代码 。 


protected void btnupload Click (cbject sender, EventArgs e) 
{ 


int length this.FileUploadl.PostedFile.ContentLength; 


if length» 102400) 

i 
Response.Write ("< script language= 'javascript'» alert ('f: y FERI KILK ! 
!);« /script> "); 

} 

else{ 


String type- this.FileUploadl .PostedFile.ContentType; 

String fullfilename- this.FileUploadl.PostedFile.FileName; 

String filenare- fullfilename.Subetring (fullfilename.LastTneesOf (\\")+ 1); 
String extensions- filename.Substring (filename.lastIndexOf (".")+ 1); 
string name- DateTime Now. ToString ("yyyyMMEGHHmmssn) ; 

if(type-- "image/jpeg" | | type= = "inage/png") 


€ 
this.FileUploadl.SaveAs (Server.MapPath ("Photo") 4- "\ \"+ 
name "."+ extensions); 
this.Tmagel.TmageUrl1- "Photo/"* namer "."+ extensions; 
H 
else 


236 


项 目 7 商品 信息 管理 


Response Write ("< script language- 'javascript'>alert(" 您 选择 的 图 片 有 误 !');< /script» "); 


H 


“上 传 按 钮 的 单 击 事件 的 相应 代码 中 ,首先 通过 this. FileUploadl. PostedFile 
. ContentLength 获 取 上 传 文件 的 长 度 , 如 果 大 于 102 400 字 节 , 则 通过 Response. Write 弹出 提 
示 信 息 。 如 果 符 合 要 求 ,再 通过 String type= this. FileUploadl. PostedFile. ContentType 
语句 来 判断 文件 内 容 , 如 果 是 jpg 或 者 png 文件 格式 , 则 以 当前 时 间 戳 为 文件 名 进行 命名 并 
保存 到 Photo 文件 夹 中 。 但 是 网 站 中 提供 的 是 虚拟 路 径 , 需 要 使 用 Server. MapPath 
C" Photo") 语句 将 其 映射 到 物理 路 径 中 。 


7.3.2 保存 图 片 到 数据 库 中 


通常 用 户 上 传 的 图 片 需要 保存 到 数据 库 中 。 解 决 方法 一 般 有 两 种 : 一 种 是 将 图 片 保存 
的 路 径 存 储 到 数据 库 中 ,这 种 方法 向 数据 库 中 保存 的 不 是 图 片 本身 , 而 是 图 片 的 地 址 , 读 取 
的 也 是 图 片 的 地 址 ,再 根据 保存 的 地 址 定位 到 指定 的 图 片 。 另 一 种 是 将 图 片 以 二 进 制 数据 
流 的 形式 直接 写 人 数据 库 字 段 中 。 
ADV m Bl 2. 继续 完善 示例 1 的 任务 , 单 击 "* 上 传 "按钮 ,以 二 进 制 数据 流 的 形式 直接 将 信 
息 写 人 数据 库 。 
CD 创建 数据 库 和 相应 表 。 登 录 到 SQL Server 2008 服务 器 ,在 “对 象 资源 管理 器 ”中 右 
击 “ 数 据 库 ”对 象 , 单 击 “ 新 建 数 据 库 "菜单 项 ,在 "数据库" 文本 框 中 输入 Testo 
© 单 击 “ 新 建 查询 "按钮 ,打开 “查询 分 析 ” 窗 口 ,输入 下 列 SQL 代码 ,再 按 F5 功能 键 执 
行 代码 并 创建 ImgTest X. 
Create Table Imgrest 
( 
IID int identity (1,1) primary key, 
info varchar (50), 
img Image 
) 
ID 是 主键 ,自动 编号 ;info 用 来 存储 上 传 图 片 的 格式 :img 用 来 存储 图 片 的 二 进 制 格式 
数据 。 
© 双击 “上 传 按 钮 ,进入 代码 编辑 页 面 。 在 上 传 过 程 中 需要 将 数据 流 以 二 进 制 形式 保 
存 到 数据 库 中 ,涉及 ADO. NET 和 输入 /输出 流 ,所 以 需要 使 用 using 指令 导入 命名 空间 。 
using System.IO; 
using System.Data.sqlClient; 
using System.Data; 


接着 在 btnupload_Click 文件 中 输入 下 面 代码 中 的 粗 体 部 分 。 


protected void btnupload Click (cbject sender, EventArgs e) 
t 


int length this.FileUploadl.PostedFile.Contentlength; 
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if length» 102400) 

t 
Response Write ("< script language- 'javascript'» alert ("您 选择 的 图 片 过 大 ! 
");< /script> "); 

} 

else{ 


String type- this.FileUploadl.PostedFile.ContentType; 
String fullfilename- this.FileUploadl.PostedFile.FileName; 
String filenare- fullfilename.Substring (fullfilename.LastTIrncesOf ("\\")+ 1) ; 
String extensions- filename.Substring (filename.LastIndesOf (".")-- 1) ; 
string name- DateTime .Now.ToString ("yyyyMMiGHHmmss") ; 
if(type-- "image/jpeg" || type== "image/png") 
t 
this.FileUploadl.SaveAs (Server .MapPath ("Photo") 4- "\ \"+ name". " 
+ extensions) ; 
this.Imagel.ImageUrl- "Photo/"« name* "."+ extensions; 
byte[] imgcontent- new byte [imgsize]; 
imgstream. Read (imgContent, 0, impsize); 
imgstream.Close(); 
string strConn= "server- .;database- test;user id= sa;password- zzb"; 
Sqlconnecticn conne new SqlConnecticn (strOonn) ; 
Sqlcommand came conn. CreateCanrarnd () ; 
string sql= "insert into imgtest (info, img) values (8 info,8 img)"; 
cam.CamandText= sql; 
cam. Parameters .Acdi("8 info", SqlrbType.VarChar, 50); 
com. Parameters Aci (" img", SqlTbType. Image) ; 
cam. Parameters ["@ info"] .Value- imgIype; 
cam. Parameters [ne img"] .Value- imgContent; 
try 
{ 
conn.Open (7 
cam. ExecuteNonouery () ; 
com.Close(); 
) 
catch (Exception ex) 
{ 
Fesponse.Write ("< script langage 'javascript'» alert (' 
数据 插入 错误 !1');< /scripe 7); 


Response. Write ("< script language- ' javascript '» alert (' 您 选择 的 图 片 有 误 !');</ 
scrip "); 
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以 上 代码 段 通过 Stream imgStream 王 FileUpload1. PostedFile. InputStream 获得 上 传 
文件 的 输入 流 ,通过 Stream 对 象 的 read 方法 将 数据 读 入 imgContent 数组 中 ,然后 通过 调 
用 ADO. NET 技术 插 和 数据库。 可 见 将 图 片上 传 到 数据 库 的 关键 是 将 输入 量 转换 为 字 节 
类 型 的 数组 。 如 果 转 换 成 功 ,将 会 在 数据 库 中 成 功 插入 一 条 记录 ( 见 图 7-2) 。 

An WED PAN HIY AEP WA IAV FOM YZE AMO 


iamen |, ym ibidd A. 
EIES - teno bom vxo a| 


[3 5 4| ngjn|z eF | 
ie 6o 


| x 


easet 
[1 1 
mca mw 

a 


TE 
的 an servor EER N 


ona wo m0 unera vy er eonm |i T 


[En E — -— 
图 7-2 示例 2 的 执行 结果 
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7.3.3 GridView 模板 列 


关于 模板 列 可 以 用 四 个 字 来 描述 一 一 无 所 不 能 ”。 很 多 棘手 的 问题 ,在 用 到 模板 列 的 
时 候 会 迎刃而解 ,因为 模板 列 的 定制 功能 很 强大 ,人 允许 开发 人 员 建 立 不 同 状态 下 的 模板 ,所 
以 用 代码 控制 起 它 来 也 就 更 加 灵活 自如 了 。 创 建 模板 列 一 般 有 两 种 方式 ,一 是 在 “编辑 列 ” 
对 话 框 中 向 “选中 列 ? 添 加 TemplateField 字段 ;二 是 在 “编辑 列 ? 对 话 框 中 单 击 “ 选 中 列 ” 中 
相应 的 列 ,再 单 击 “ 确 定 ” 按 钮 上 方 的 “将 此 字段 转 换 为 TemplateField" 文 字 , 这 样 就 把 现 有 
的 列 转换 为 模板 列 了 。 这 种 转换 方式 大 家 要 小 心 使 用 ,因为 一 旦 转换 为 模板 列 ,就 没 办 法 再 
转换 回去 了 。 特 别 要 注意 的 是 , 当 一 个 绑 定 列 转换 为 模板 列 后 ,该 列 的 数据 显示 时 ,会 把 数 
据 源 的 数据 绑 定 到 模板 列 的 Label 控件 中 去 。 而 不 是 像 绑 定 列 那样 直接 把 数据 绑 定 到 单元 
格 的 Text 属性 上 。 所 以 取 模 板 列 的 单元 格 中 的 值 与 取 绑 定 列 的 单元 格 中 的 值 是 有 区 别 
的 。 取 模板 列 单元 格 中 的 控件 值 先 要 采用 FindControl 方法 查找 对 应 的 控件 ,然后 才能 访 
问 对 应 控件 的 属性 ,如 下 面 的 代码 所 示 ( 假 如 这 里 的 控件 是 一 个 Label 控件 ) 。 


( (Label) (Gridview.Rows [index] .Cells [2] .FindControl ("ControlID") )) .Text 


而 取 绑 定 列 单元 格 直接 可 以 通过 e. Row. Cells[i]. Text 代码 进行 访问 。 
ARB: 如 图 7-3 所 示 ,在 项 目 5 的 示例 8 的 基础 上 添加 jobs 表 的 数据 检查 ( 当 输入 
不 符合 要 求 的 数据 时 出 现 * ) 和 更 新 功能 ( 见 图 7-4) ,并 完善 删除 功能 。 要 求 删除 行 记录 前 
弹出 提示 信息 ( 见 图 7-5). 
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工种 编号 


[c 


[E 


New Hire - Job not specified 10 查看 该 工种 员工 信息 H 删除 
Chief Executive Officer 200 250 查看 该 工种 员工 信息 编辑 删除 
Business Operations Manager 175 225 查看 该 工种 员工 信息 编辑 删除 
Chief Financial Officier 175 250 查看 该 工种 员工 信息 编辑 删除 
Publisher 150 250 查看 该 工种 员工 信息 编辑 删除 


图 7-3 示例 3 界面 


Chief Executive Officer 200 250 ss m tix 
Business Operations Manager 175 25 员工 信息 编辑 。 mk 
Chicf Financial Officier 175 250 erT 编辑 型 除 
Publisher 150 250 查看 该 工种 员工 信息 编辑 。 出 除 


Ehttp://localhost:19022/binds. aspx — 


123 


图 7-4 更 新 时 做 数据 检查 


Vindors Tatersat Ealar 


工种 描述 
New Hire - Job not specified 10 H 
Chief Executive Officer 200 250 查看 该 工种 员工 信息 È 
Business Operations Manager 175 225 查看 该 工种 员工 信息 删除 


Chief Financial Officier 175 250 查看 该 工种 员工 信息 删除 
Publisher 150 250 查看 该 工种 员工 信息 删除 
123 
来 自 网 页 的 消息 xi 
Q wus? 
[LE ] wx | 


图 7-5 删除 操作 时 的 提示 信息 


O 打开 Visual Stdio 2012 开发 工具 . 单 击 “ 文 件 ”>“ 打 开 ” 一 “网 站 ”菜单 项 ,出 现 “ 打 开 


网 站 ”对 话 框 , 选 择 本 书 配套 提供 的 Exo-1 网 站 , 单 击 打 开 ” 按 钮 。 


O 在 “解决 方案 资源 管理 器 ”窗口 中 双击 Binds. aspx 文件 。 根据 图 7-4 所 示 ,“ 工 种 编 


号 ”和 “工种 描述 ” 列 在 编辑 状态 是 不 可 编辑 的 ,也 就 是 说 这 两 个 列 是 只 读 的 ,需要 设置 这 两 
Jj. Hl; GridView 控件 ,再 单 击 智能 提示 ,然后 单 击 “ 编 辑 列 ”菜单 项 ,打开 “编辑 列 ” 对 话 
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框 。 单 击 “ 工 种 编号 ? 列 ,将 其 Readonly 属性 设置 为 true。 同 样 , 单 击 “ 工 种 描述 ” 列 , 将 其 
Readonly 属性 设置 为 true。 

© 在 “编辑 列 ” 对 话 框 中 单 击 “ 最 低 工资 ”* 列 , 单 击 右 下 方 的 “将 此 字段 转换 为 
TemplateField” 选 项 ,将 “最 低 工资 " 列 转换 为 模板 列 。 单 击 “ 最 高 工资 " 列 , 单 击 右 下 方 的 
“将 此 字段 转换 为 TemplateField” 选 项 ,将 “最 高 工资 " 列 转换 为 模板 列 。 单 击 “ 删 除 ” 命 令 
列 , 单 击 右 下 方 的 “将 此 字段 转换 为 TemplateField” 选 项 ,将 “删除 ”命令 列 转换 为 模板 列 。 
单 击 CommandField 一 “编辑 更新、 取消 ”命令 , 单 击 “ 添 加 ”按钮 。 

(D 单 击 GridView 右上 角 的 “智能 提示 ”一 “编辑 模板 ”菜单 项 ,打开 “编辑 模板 ”窗口 。 
单 击 “删除 ”按钮 , 单 击 “智能 提示 ”一 “编辑 DataBinds” 菜 单项 ,打开 “编辑 DataBinds” 窗 口 ， 
再 单 击 CommandArgument 属性 ,在 “ 绑 定 表达 式 ” 文 本 框 1sp:6rgviewsGrave 
中 输入 Eval("jop_id") Mii E i. Mi R e E E p 
钮 ,在 “属性 ”窗口 中 单 击 OnClientClick 属性 ,输入 代码 | [tLabel1] 
"return confirm(' 确 认 删 除 吗 27?” ,完成 了 删除 操作 的 确 
认 光 删除 ?按钮 所 对 应 的 RowDeleting 事件 在 项 目 5 的 示 
例 8 中 已 经 实现 ,所 以 这 个 例子 中 不 再 重复 演示 。 

© 单 击 GridView 右上 角 的 “智能 提示 ”一 “编辑 模板 ” | 时 时 wensts 
菜单 项 ,打开 “编辑 模板 ”窗口 。 单 击 “ 智 能 提示 ”一 “显示 ” 
下 拉 列 表 框 , 单 击 *Column[2]- 最 低 工资 "选项 , 则 显示 “最 
低 工资 " 列 的 信息 ( 见 图 7-6)。 拖 动 RangeValidator 控件 
到 EditItemTemplate 文本 框 右边 。 单 击 RangeValidatorl 
控件 , 单 击 ControlToValidate 属性 并 选择 TextBoxl , 单 击 
ForeColor 属性 并 选择 Red, 单 击 ErrorMessage 属性 并 输 
A *. HK d; MaxiumValue 属性 并 输入 100. Æ% H 
MiniumValue 属性 并 输入 1, 单 击 Type 属性 并 选择 
Integer。 以 同样 的 方式 给 “Column[3]- 最 高 工资 ”选项 添加 输入 数据 范围 的 检查 功能 。 

© 单 击 GridViewl 控件 ,再 单 击 * 事 件 按 钮 ,然后 双击 RowEditing 事件 ,进入 代码 编 
辑 器 并 输入 如 下 代码 : 


ALternstingItenTenplate 


图 7-6 编辑 模板 


protected void Gridviewl FowEditing(doject sender, GridviewEditEventArgs e) 
t 
Gridviewl.EditIndex- e.NewEditIndex; 
Bind(; 
} 
CD 单 击 GridViewl 控件 ,再 单 击 “ 事 件 ” 按 钮 ,然后 双击 RowCancelingEdit 事件 ,进入 
代码 编辑 状态 ,完成 取消 功能 代码 的 编写 。 
protected void Gridviewl RowCancelingFdit (cbject sender, GridviewCanoelEdit- 
EventArgs e) 
t 
Gridviewl.EditIndex- - 1; 
Bind(; 
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@ 单 击 GridViewl 控件 ,再 单 击 “事件 ?按钮 ,然后 双击 RowUpdating 事件 ,进入 代码 
编辑 器 ,完成 数据 更 新 功能 代码 的 编写 。 初 始 化 最 高 工资 为 10 .最 低 工资 为 10, 现 分 别 更 新 
为 99 和 11( 见 图 7-7) 。 


protected void GridViewl RowUpdating (object sender, GridVviewUpdateEventArgs e) 
t 

String jid- Gridviewl.DataKeys [e .RowIndex] [0] .ToString() ; 

SqlConnection conn; 

SqlCamand ami; 

String minv- (GridViewl.Rows[e.RowIndex] .Cells [2] .FindControl ("TextBox1") 
as TextBox) .Text; 

String maxv- (Gridviewl.Rows [e.RowIndex] .Cells [3] .FindControl ("TextBox2") 
as TextBox) .Text; 

String sql= String.Fomat ("update jobs set min lvl- (0), mex lvl- (1) 
where job id- (2) ", 
minv, maxv, jid); 

conrre- new SqlConnection ("Server- localhost; Database- Pubs;uid- sa; 
pwd- zzb") ; 

amd new SqlCormand (sql, conn) ; 

conn.Cpen () ; 

amd.ExecuteNonQuery () ; 

conn.Close(); 

Gridviewl.EditIndex-- 1; 

Bind(; 


1 New Hire - Job not specified [i 
2 Chief Executive Officer 200 250 
3 Business Operations Manager 175 225 
4 Chief Financial Officier 175 250 
5 150 


Publisher 


图 7-7 更 新 最 高 工资 和 最 低 工资 


74 项 目 实 施 


7.4.1 任务 1: 制作 管理 员 界 面 母 版 页 


1. 任务 目标 
(1) 能 熟练 使 用 CSS 十 DIV 制作 页 面 。 
(2) 能 熟练 使 用 TreeView 制作 树 形 导航 。 
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2. 任务 内 容 

(1) 制作 AdminMP. master 母 版 页 。 

(2) 完成 管理 母 版 页 中 的 树 形 导航 。 

3. 任务 实施 步骤 

该 任务 要 求实 现 管理 员 所 有 操作 界面 的 公共 部 分 , 即 AdminMP. master 母 版 页 ,并 在 
母 版 页 中 使 用 Tree 实现 树 形 导航 功能 ,如 图 7-8 所 示 。 


smary. 
.. Ohline 


rn-naa 
@ si-s 
Hn-nea 
FOr-nea 
M LLELLLI 
-Wi=nea 
E LE 

MOL 


图 7-8 AdminMP. master 母 版 页 


(1) 创建 AdminMP. master 母 版 页 。 为 结构 清晰 起 见 , 右 击 网 站 根 目录 文件 夹 , 单 击 
“添加 ”新建 文件 夹 "命令 ,输入 Admin, fri Admin 文件 夹 , 单 击 “ 添 加 ”一 “添加 新 项 ” 
命令 ,打开 “添加 新 项 ”对 话 框 , 单 击 “ 母 版 页 "选项, 在“ 名称 "文本 框 中 输入 AdminMP 
.master, 

(2) 编写 Admin. ess 样式 表 。 右 击 网 站 根 目 录 文 件 夹 , 单 击 “ 添 加 ”一 “新 建文 件 夹 " 命 
令 , 输 入 css. didi css 文件 夹 , 单 击 “ 添 加 ”一 “样式 表 ” 命 令 , 输 入 Admin. css。 双 击 
Admin. css 文件 ,输入 css 样式 代码 。 该 样式 代码 的 主要 功能 是 设置 5 个 DIV 层 的 样式 和 
位 置 布局 。 


body 
{ 
font- size:small; 
} 
#containerdiv 
t 
width:800px; padding:0; margin:0 auto; height:100$; background- color:white; 
} 
#headerdiv 
t 
width:800px; padding:0; margin:0 auto; height:180px; 
background- attachment: scroll* / 
badgrant imege:url (http: //localhost: 19512 /orkSpaoe/ Imges/benrer pmo) ; 
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float:left; 
width:80$; 
height:600px; 


) 
#footdiv 
{ 
text- align:center; 
) 


(3) 双击 AdminMP. master 文件 , 单 击 * 源 ”按钮 ,切换 到 HTML 页 面 。 拖 动 DIV 控件 
到 一 form 之 标记 下 ,更改 id 为 containerdiv。 拖 动 DIV 控件 到 一 div id — "containerdiv" > 
中 ,更 改 id 为 headerdiv。 拖 动 DIV 控件 到 过 div id=" containerdiv" — rp, Œ W id 为 
navdiv。 拖 动 DIV 控件 到 二 div id — "containerdiv" — rf. 3 vic id 为 contentdiv, Jf — asp: 
ContentPlaceHolder T; 995] $l| — div id— "contentdiv" > 中 。 拖 动 DIV 控件 到 一 div id= 
"containerdiv" — SE id 为 footdiv。 详 细 的 HTML 代码 如 下 。 


< $6 Master Language- "Cf" AutcEventWi reup- "true" 
CodeFile- "AdminMP.master.cs" Inherits- "Admin AcminMP" $> 
< !DOCTYFE html PUBLIC "- //W3C//UTD XHIML 1.0 Transitional//EN" 
"http://www .w3.org/TR/xhtml1/DID/xhtml1- transitional.dtd'"» 
<html 3mins- "http: //ww.w3.0rg/1999/xhtml.'*» 
< head runat- "server" 
«title < /title» 
< link href=". ./css/Acmin.css" rel= "Stylesheet" /> 
< /head» 
<body> 
< fom id- "formi" runat- "server"> 
<div id "containerdiv"> 
< div id- "headerdiv'- 
< /div» 
<div id "navdiv'» 
< /div» 
<div id- "contentdiv"> 
< asp:ContentPlaceHolder id "ContentPlaceHolderl" runat- "server"> 
放置 内 容 
< /asp:ContentPlaceHolder> 
< /div» 
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<div iœ "footdiv> 
CopyRight: NBOC 
« /div» 
« /div» 
< /fom> 
< /body> 
< /him> 


(4) 拖 动 TreeView 控件 到 navdiv 层 。 单 击 智能 提示 , 单 击 “ 编 辑 节点 ”菜单 项 ,打开 


“节点 编辑 器 ”对 话 框 ,再 单 击 “ 添 加 根 节点 ”按钮 , 单 击 Text 


属性 ,输入 “添加 一 级 目录 ”。 


单 击 “ 添 加 根 节点 ”按钮 ,再 单 击 Text 属性 ,输入 “编辑 一 级 目录 ”。 单 击 “ 添 加 根 节点 ” 按 
钮 ,再 单 击 Text 属性 ,输入 “添加 二 级 目录 ”。 单 击 “ 添 加 根 节点 ”按钮 ,再 单 击 Text 属性 ， 
输入 “编辑 二 级 目录 ”。 单 击 “ 添 加 根 节点 ”按钮 ,再 单 击 Text 属性 ,输入 “添加 三 级 目录 ”。 
单 击 “ 添 加 根 节点 ”按钮 ,再 单 击 Text 属性 ,输入 “编辑 三 级 目录 ”。 单 击 “ 添 加 根 节点 ” 按 
钮 ,再 单 击 Text 属性 ,输入 "添加 商品 ”。 单 击 * 添 加 根 节点 ?按钮 ,再 单 击 Text 属性 ,输入 
“编辑 商品 ”如 图 7-9 所 示 , 最 后 单 击 “ 确 定 ” 按 钮 。 单 击 NodeStyle ImageUrl. 选 


择 一 /WebIcon/Green Ball. png 文件 。 


a | 
fimo: Rito»: 
taxt zz E3ESIIEZ 
EXE Navi gatelrl ^" /Adnin/Levelllian 4. 
添加 一 ， PopulateÜnDemand False 
= SelectAction Select 
ES E Selected False 
DES ShovCheckBox 
添加 商品 Target 
编辑 商品 Text 添加 一 级 目录 
ToolTip 
Value 添加 一 级 目录 
Text 
树 节点 的 显示 文本 。 


We | mi | 


图 7-9 TreeView 节点 编辑 器 


7.4.2 任务 2: 一 级 目录 的 添加 和 编辑 


1. 任务 目标 

(1) 能 熟练 使 用 ADO. NET 技术 插入 数据 。 

(2) 能 熟练 使 用 RequriedFieldValidator 验证 非 空 数 据 。 
(3) 能 使 用 GridView 显示 、 编 辑 和 删除 数据 。 

2. 任务 内 容 

(1) 创建 InsertLevell. aspx 页 面 。 

(2) 实现 向 T. Levell 中 插入 记录 的 功能 。 

(3) 实现 一 级 目录 的 编辑 和 删除 。 


245 


ASP NET 动态 网 站 开发 

3. 任务 实施 步骤 

CD 设计 InsertLevell. aspx 页 面 ,如 图 7-10 所 示 。 创 建 InsertLevell. aspx 内 容 页 , 选 
TÉ AdminMP. master 母 版 页 。 拖 动 TextBox 控件 到 “A 级 目录 名 称 ” 右 侧 。 单 击 属性 ID. 
输入 TxtLevellName。 拖 动 TextBox 控件 到 “A 级 目录 描述 ” 右 侧 , 单 击 属性 ID, 输 入 
TxtLevellDesc。 单 击 TextMode 属性 .选择 MultiLine 选项 。 拖 动 RequiredFieldValidator 
控件 到 TxtLevell Name 文本 框 右 侧 , 单 击 ControlToValidator 属性 ,选择 TxtLevell Name 
选项 。 单 击 ErrorMessage 属性 ,输入 **”。 拖 动 Button 控件 到 窗口 底部 , 单 击 Text 属性 ， 
输入 “添加 ”。 单 击 ID 属性 ,输入 BtnInsert。 


rnea 
-@ sea 
E LEES 
MC LL LES 
E LLLI 
| assen 
-us 
MOL 


Wd 7-10 任务 2 布局 


(2) 双击 “添加 ”按钮 。 进 入 事件 代码 编辑 状态 。 使 用 using System. Data. SqlClient 指 
令 引 入 SqlClient 命名 空间 。 在 BtnInsert_Click 事件 中 输入 下 列 代码 ,实现 插入 功能 。 本 
书 中 多 次 使 用 ADO. NET 技术 访问 数据 库 , 所 以 该 内 容 在 本 项 目 中 没有 作为 必 备 知识 再 次 
讲解 ,读者 若 有 疑惑 ,可 参考 项 目 4。 按 F5 功能 键 执行 程序 ,效果 见 图 7-11. 


protected void BtnInsert Click(object sender, EventArgs e) 
t 
String connStr- System.Configuration.ConfigurationManager. 
Gonnectionstrings ["SmartConnectionString"] .ToString() ; 
SglConnection oon new SqlConnection (connStr) ; 
con.Open () ; 
Sqlcommand art new sqlCamand () ; 
ard.ComrmandText= "Insert into T Ievell values ('"+ 
TxtlevellName.Text+ " ','"+ TxtlevellDesc.Text+ "')"; 
ard.ExecuteNonQuery () ; 
ami.Dispose() ; 
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con.Close(); 


smary. 
online 
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图 7-11 任务 2 中 的 插入 一 级 目录 的 效果 图 


(3) 新 建 EditLevell. aspx 内 容 页 ,选择 AdminMP. master 母 版 页 , 拖 动 GridView 控 
件 到 页 面 中 , 单 击 ID 属性 ,输入 gvLevell。 按 F7 功能 键 ,进入 代码 编辑 页 面 ,编写 Bind 77 
法 来 实现 数据 的 绑 定 , 代 码 如 下 。 


public void Bind() 
t 
ConnectionStrings ["SmartConnectionString"] .TcString () ) 

con.Qpen  ; 
SqlCamand amd- new SqiCamarnd() ; 
amd.Connection= con; 
amd.CommandText- "select * fram T Ievell"; 
SqlDataReader sdr= amd.ExecuteReader () ; 
gvIevell.DataSource- sdr; 
qvIeveli.DataBird() ; 

} 


当 页 面 第 一 次 装载 的 时 候 , 在 gvLevell 中 显示 数据 ,所 以 需要 在 Page_Load 事件 中 调 
用 Bind 方法 ,代码 如 下 。 
protected void Page Load (dbject sender, EventArgs e) 
{ 
if (!Page.IsPostBack) 
Bind; 

) 

(4) 打开 gvLevell“ 编 辑 列 ” 窗 口 , 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 ,再 单 击 
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DataField 属性 并 输入 Levell_ID, 单 击 HeaderText 属性 并 输入 “序号 ”, 单 击 Readonly 属性 
并 设置 为 true。 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField 属性 并 输入 Levell_ 
Name, 单 击 HeaderText 属性 并 输入 “名 称 ”, 单 击 Readonly 属性 并 设置 为 true。 单 击 
TemplateField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 HeaderText 属性 并 输入 “备注 ”。 单 击 
CommandField 选项 , 单 击 “ 添 加 ”按钮 ,再 单 击 “ 确 定 ” 按 钮 ,完成 编辑 列 的 操作 。 单 击 
gvLevell 智能 提示 , 单 击 “ 编 辑 模 板 ” 菜 单项 ,打开 “编辑 模板 ”窗口 , 单 击 智 能 提示 , 青 单 击 
Column[2]>EditItemTemplate; 单 击 TextBoxl 控件 , 单 击 ID 属性 并 输入 TxtLevellDesc。 
拖 动 RequiredFieldValidator 控件 到 TxtLevellDesc 文本 框 右 侧 , 单 击 ControlToValidate 
属性 并 选择 TxtLevellDesc, 单 击 ErrorMessage 属性 并 输入 * * ”。 

(5) 单 击 gvLevell 控件 , 单 击 “ 事 件 ” 按 钮 ,再 双击 RowEditing 事件 ,输入 下 面 的 代码 ， 
实现 编辑 功能 。 


protected void GvIevell RowEditing (cbject sender, GridViewEditEventArgs e) 
t 

GyLevell.EditIndex- e.NewEditIndex; 

Bind; 
) 


(6) 单 击 gvLevell 控件 , 单 击 “事件 ”按钮 ,双击 RowCancelingEdit 事件 ,输入 下 面 的 代 
码 , 完 成 取消 功能 。 


protected void GvLevell RowCanceling&dit (cbject sender, 
GridViewCancelEditEventArgs e) 
t 
GyLevell.EditIndex-- 1; 
Bind; 
) 


(7) 单 击 gvLevell 控件 , 单 击 “事件 ”按钮 ,双击 RowUpdating 事件 ,输入 下 面 的 代码 ， 
完成 更 新 功能 。 在 RowUpdating 事件 中 首先 通过 CellsL1]. FindControlC" TxtLevel 3Name") 7r 
式 查找 模板 列 中 的 文本 框 并 获取 相应 的 Text 值 。 接 着 采用 ADO. NET 方法 调用 SQL 脚 
本 并 执行 更 新 任务 。 


protected void GvIevell RowUpdating (Gbject sender, GridviewüUpdateEventArgs e) 
{ 
String xh- Gvlevell.Rows [e.RowIndex] .Cells[0] .Text; 
TextBox Txtlevel3Name- (TextBox)GvLevel1.Rows[e.RowIndex] . 
Cells[1] .mindcontrol ("TxtLevel3Name") ; 
TextBox TxtLevel3Desc= (TextBox)GvLevel1.Rows[e.RowIndex] . 
Cells[2] .Findcontrol ("TxtLevel3Desc") 7 
String StramcF String.Format ("update T level3 set Ievel3 Name- '{0} 
Level3 Desc- '(1)' where Ievel3 ID= (2)", Txtlevel3Name.Text, 
Txtlevel3Desc.Text, xh); 
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{ 
throw; 
} 
GyLewoll.FditIndex-- 1; 
Bind(; 
} 


(8) 单 击 gvLevell 控件 , 单 击 “事件 ”按钮 ,双击 RowDeleting 事件 ,输入 下 面 的 代码 ， 
实现 删除 的 功能 。 该 段 代码 没有 使 用 gvLevell 的 DataKeyNames 属性 ,而 是 使 用 了 第 一 列 
的 值 。 如 果 需 要 将 第 一 列 的 ID 隐藏 ,那么 就 需要 设置 DataKeyNames, 然 后 在 RowDeleting 
事件 中 获取 绑 定 的 DataKeys 属性 作为 删除 数据 的 条 件 。 按 F5 功能 键 运行 程序 ,效果 如 
图 7-12 所 示 。 


protected void gvLevell RowDeleting (dbject sender, GridviewDeleteEventArgs e) 
t 
String seg gvLevel1.Rows [e.RowIndex] .Cells[0] .Text; 
ConnectionStrings ["SmartConnectionString"] .ToString () ) 
con.Open(0)7 
SqlCoamand mÈ new SqlCommand () ; 
am.Connection- con; 
amd. CammandText- String.Format ("TETETE FRM T Ievell 
where Ievell ID- (0)", seq); 
ard. ExecuteNonQuery () ; 
am.Dispose() ; 
con.Close(); 
Bind(); 
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图 7-12 任务 2 中 的 编辑 和 删除 一 级 目录 的 效果 图 


7.4.3 任务 3: 二 级 目录 的 添加 和 编辑 


1. 任务 目标 
COD 能 熟练 使 用 GridView 编辑 和 删除 数据 。 
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(2) 能 熟练 使 用 ADO. NET 技术 执行 数据 库 的 各 种 操作 。 

2. 任务 内 容 

(1) 实现 二 级 目录 添加 的 功能 。 

(2) 实现 二 级 目录 更 新 的 功能 。 

(3) 实现 二 级 目录 删除 的 功能 。 

3. 任务 实施 步骤 

该 任务 的 实现 方法 与 任务 2 非常 类 似 。 

(1) 根据 图 7-13 设计 InsertLevel2. aspx 页 面 。 新 建 InsertLevel2. aspx 内 容 页 ,选择 
AdminMP. master 母 版 页 。 现 在 读者 应 该 熟悉 添加 控件 的 方法 了 ,所 以 本 书后 面部 分 就 不 
再 讲述 添加 控件 的 方法 了 。 
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图 7-13  InsertLevel2. aspx 页 面 的 布局 


(2) 当 页 面 第 一 次 装载 时 需要 绑 定 和 显示 “所 属 一 级 ”下 拉 列 表 的 值 。 到 目前 为 止 ， 
读者 已 经 多 次 编写 过 ADO. NET 访问 数据 的 代码 段 了 ,这 里 不 再 缆 述 。 以 前 项 目 中 编写 
过 SqlHelper 类 ,现在 就 再 次 使 用 它 。 下 面 的 代码 展示 了 SqlHelper 类 的 强大 。 开 发 人 员 
只 需要 使 用 SqlHelper sh = new SqlHelper() 生 成 sh 对 象 ,再 直接 调用 sh 对 象 的 
QueryOperation 查询 方法 即 可 。 


SqlHelper sh- new SqlHelper () ; 
protected void Page Load (cbject sender, EventArgs e) 
t 
if(!Page.IsPostBack) 
{ 
DropDownList1.DataSouroe= sh.QueryOperation ("select Ievell ID, 
Ievell Name frm T Ievell"); 
DroppownListl.DataBind(); 
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(3) 双击 “添加 ”按钮 ,进入 “添加 ”按钮 的 Click 事件 的 代码 区 ,输入 下 列 的 代码 : 


String Stramc String.Fonmat ("Insert into T Ievel? values (' (0)' , ' (1)', (2) ", 
TextBoxl.Text, 
TextBox2.Text, DropDownListl.SelectedValue); 
if (sdr '-null) 
sdr.Close(); 
sh.ExeNonouery (Strand) ; 
con.Close(); 
) 
catch (Exception ex) 
{ 
Iabell.Visible- true; 
} 


(4) 新 建 EditLevel2. aspx 内 容 页 ,选择 AdminMP. master 母 版 页 。 拖 动 GridView 控 
件 到 页 面 中 。 在 “编辑 列 ? 窗 口中 单 击 BoundField 选项 , 单 击 “添加 ”按钮 , 单 击 DataField Jii 
性 并 输入 level2_id, 单 击 HeaderText 属性 并 输入 序号 , 单 击 Readonly 属性 并 设置 为 true. 
在 “编辑 列 ” 窗 口中 单 击 TemplateField 选项 , 单 击 “添加 ?按钮 , 单 击 HeaderText 属性 并 输 
入 “二 级 目录 名 ”。 在 “编辑 列 ” 窗 口中 单 击 TemplateField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 
HeaderText 属性 并 输入 “二 级 目录 描述 ”。 在 “编辑 列 ” 窗 口中 单 击 BoundField 选项 , 单 击 
“添加 ”按钮 , 单 击 DataField 属性 并 输入 levell _name, 单 击 HeaderText 属性 并 输入 “一 级 
目录 ”, 单 击 Readonly 属性 并 设置 为 true。 在 “编辑 列 ” 窗 口中 单 击 CommandField 选项 , 单 
击 “ 添 加 ”按钮 。 单 击 “ 确 定 ” 按 钮 完成 编辑 列 的 操作 。 

(5) 在 GridViewl 编辑 模板 窗口 中 ,对 Column[1] 的 EditItemTemplate 文本 框 进行 必 
填 验 证 功能 的 实现 , 如 图 7-14 所 示 。 单 击 TextBox 控件 , 单 击 ID 属性 并 输入 
TxtLevel2Name。 拖 动 RequiredFieldValidator 到 TxtLevel2Name X Æ HE fi W, Æ% it; 


[ContentPaceHoide (HÆLI 

GridView! - Colwmn[1] - -RARE L 
ItemTenplate 
[Labeli] 


[AlternatingItenTenplate 


H@ sssr 
-Oma 
-wis 


EditItenTenplate 


图 7-14 二 级 目录 名 模板 列 
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ControlToValidator 属性 并 选择 TxtLevel2Name; 单 击 ErrorMessage 属性 输入 * 。 单 击 
GridViewl 智能 提示 , 单 击 “显示 ?下拉 列 表 中 的 Column[2]. "fi; TextBox 控件 , 单 击 ID 
属性 并 输入 TxtLevel2Desc。 拖 动 RequiredFieldValidator 到 TxtLevel2Desc 文本 框 右 侧 ， 


单 


ili ControlToValidator 属性 并 选择 TxtLevel2Desc; 单 击 ErrorMessage 属性 并 输入 “x* ”。 


iX FÉ GridView 的 列 绑 定 功能 就 实现 了 .效果 如 图 7-15 所 示 。 
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图 7-15 任务 3 中 的 编辑 二 级 目录 列 绑 定 的 功能 


(6) 任务 3 中 对 GridView 的 编辑 .取消 编辑 ,更 新 和 删除 操作 跟 任 务 2 中 十 分 类 似 , 所 
以 这 个 步骤 就 简单 将 代码 展示 一 下 。 任 务 3 的 最 终 执行 效果 图 如 图 7-16 一 图 7-18 所 示 。 


protected void Gridviewl RowEditing (abject sender, GridviewEditEventArgs e) 


t 


) 


GridViewl.EditIndex- e.NewEditIndex; 
Bind; 


protected void Gridviewl RowCancelingEdit (oject sender, 


t 


) 


GridViewCancelFditEventArgs e) 


GridViewl.EditIndex-- 1; 
Bind(; 


protected void Gridviewl RowUpdating (cbject sender, GridviewUpdateEventArngs e) 


ji 


String level2 id-Gridviewl.Fows[e.RowIndex] .Cells[0] .Text; 
TextBox txtname = (TextBox)GridViewl.Fows[e.FowIndex] . 
Gells[1] .FindControl ("TxtIevel2Name") ; 
TextBox txtdesc = (TextBox)GridViewl.Fows[e.FowIndex] . 
Cells[2] .FindControl ("TxtIevel?Desc") ; 
String strami- String.Format ( 
"update T Ievel2 set level? Name- '(0)',Level2 Desc- '(1)' where 
level2 ID (2", 
txtname.Text, txtdesc.Text,level? id); 
sh.ExeNonQuery (stram) ; 
Gridviewl.EditIndex- - 1; 
Bind(; 
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protected void Gridviewl RowDeleting(dbject sender, GridviewDeleteEventAngs e) 
t 
String Ievel2 ID-GridViewl.Rows [e.RowIndex] .Cells [0] .Text; 
String Strami- String.Formet ("delete fram T level? where Ievel? ID= (0)", 
Ievel? ID); 
if (Ish.ExeNonQuery (Stram) ) 
t 
Label3.Text- "ERRRR"; 
) 
Gridviewl.EditIndex- - 1; 


Bind(); 
} 
, ' 
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图 7-16 任务 3 的 编辑 界面 
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图 7-17 任务 3 的 更 新 界面 
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图 7-18 任务 3 的 删除 界面 


7.4.4 任务 4: 三 级 目录 的 添加 和 编辑 


1. 任务 目标 

(1) 能 熟练 使 用 GridView 编辑 和 删除 数据 。 

(2) 能 熟练 使 用 ADO. NET 技术 执行 数据 库 操作 。 

2. 任务 内 容 

(1) 实现 三 级 目录 添加 的 功能 。 

(2) 实现 三 级 目录 更 新 的 功能 。 

(3) 实现 三 级 目录 删除 的 功能 。 

3. 任务 实施 步骤 

该 任务 实现 的 具体 操作 跟 任务 3 十 分 相似 。 作 者 将 这 个 任务 安排 到 这 个 项 目 中 只 是 为 
了 任务 的 完整 性 ,所 需 的 知识 几乎 跟 任务 3 一 模 一 样 。 

CD 根据 图 7-19 设计 InsertLevel3. aspx 页 面 。 新 建 InsertLevel3. aspx 内 容 页 ,选择 
AdminMP. master 母 版 页 。 

(2) 登录 SQL Server 2008 服务 器 , 单 击 “ 新 建 查询 ”按钮 ,在 “查询 分 析 器 ”中 创建 v_ 
levell_b2 视图 。 

CREATE VIEW v levell b2 

AS 

SELECT T Level?Level2 ID, T Level?levell ID, T Ievelllevell Name 

FROM — T Level INNER ON 

T Levell ON T Ievel2Ievell ID-T Ievelllevell ID 

当 页 面 第 一 次 装载 时 ,需要 绑 定 和 显示 “一 级 目录 ?和 ”二 级 目录 ”的 列表 值 , 在 Page_ 
Load 事件 中 输入 下 列 代 码 : 
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图 7-19 InsertLevel3. aspx 页 面 的 布局 


protected void Page Load(doject sender, EventArgs e) 
t 
if (!Page.IsPostBack) 
{ 
DropDownlistl.DataSource- sh.QueryOperation ("select * fram T Ievel2"); 
DropDownListl.DataBind() ; 
DropDownList2.DataSouroe- sh.Querycperaticn(String.Fommet ("select * fram 
v levell b? where level? id- (0)", 
DropDownListl.Selectedvalue)); 
DropDownList2.DataBind() ; 


H 
(3) 双击 DropDownListl 控件 ,进入 DropDownListl, SelectedIndexChanged 事件 的 代 
码 编辑 区 ,输入 下 列 代码 ,实现 二 级 目录 改变 时 也 会 动态 改变 一 级 目录 名 的 效果 。 


protected void DropDownListl SelectedIndexChanged (cbject sender, EventArgs e) 
t 
DropDownList2.DataSource- sh.QueryOperation(String.Fommat("select * fram 
v levell b? where level2 id- (0)", 
DropDownListl.Selectedvalue)); 
DropDownList2.DataBind(); 
H 
(4) 双击 “添加 ”按钮 ,进入 “添加 ”按钮 的 Click 事件 的 代码 编辑 区 ,输入 下 列 代码 : 


protected void ImageButtonl Click(dbject sender, ImageClickEventArgs e) 
t 

Iabell.Visible- false; 

try 

{ 

Sh.ExeNonQuery (String.Format ("insert into T Ievel3 values (' (0) ', "{1}", (2), {3})", 
TextBoxl.Text, 
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(5) 新 建 EditLevel3. aspx 内 容 页 ,选择 AdminMP. master 母 版 页 。 拖 动 GridView 控 
件 到 页 面 中 。 在 “编辑 列 ” 窗 口中 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField Jii 
性 并 输入 level3_id。 单 击 HeaderText 属性 输入 序号 , 单 击 Readonly 属性 并 设置 为 true, 
在 “编辑 列 ” 窗 口中 单 击 TemplateField 选项 , 单 击 “添加 ”按钮 , 单 击 HeaderText 属性 并 输 
和 人 “三 级 目录 名 ”。 在 “编辑 列 ” 窗 口中 单 击 TemplateField 选项 , 单 击 * 添 加 ”按钮 , 单 击 
HeaderText 属性 并 输入 “备注 ”。 在 “编辑 列 " 窗 口中 单 击 BoundField 选项 , 单 击 “ 添 加 ” 按 
钮 , 单 击 DataField 属性 并 输入 levell_name, 单 击 HeaderText 属性 并 输入 “一 级 目录 ”, 单 
ili Readonly 属性 并 设置 为 true。 在 “编辑 列 ” 窗 口中 单 击 BoundField 选项 , 单 击 “ 添 加 ” 按 
钮 , 单 击 DataField 属性 并 输入 level2_name, 单 击 HeaderText 属性 并 输入 “二 级 目录 ”, 单 
ili Readonly 属性 并 设置 为 true。 在 “编辑 列 ” 窗 口中 单 击 CommandField 选项 , 单 击 “添加 ” 
按钮 。 单 击 “ 确 定 ” 按 钮 完成 编辑 列 的 操作 。 

(6) 在 GridViewl 编辑 模板 窗口 中 ,对 Column[1] 的 EditItemTemplate 文本 框 进行 内 
容 的 必 填 验证 。 单 击 TextBox 控件 , 单 击 ID 属性 并 输入 Txtlevel3Name。 拖 动 
RequiredFieldValidator 到 Txtlevel3Name 文本 框 右 侧 , 单 击 ControlToValidator 属性 并 选 
择 Txtlevel3Name; 单 击 ErrorMessage 属性 并 输入 * * ”。 单 击 GridViewl 智能 提示 , 单 击 
“显示 ”下 拉 列 表 中 的 Column [2]。 单 击 TextBox 控件 , 单 击 ID 属性 并 输入 
TxtLevel3Desc。 拖 动 RequiredFieldValidator 到 TxtLevel3Desc X Æ HE A M., 单 击 
ControlToValidator 属性 并 选择 TxtLevel3Desc; 单 击 ErrorMessage 属性 并 输入 *x*x”。 这 
样 GridView 的 列 绑 定 操作 就 完成 了 。 

(7) 任务 4 中 对 GridView 的 编辑 、 取 消 编辑 、 更 新 和 删除 操作 跟 任务 3 非常 类 似 , 所 以 
这 个 步骤 只 简单 将 代码 展示 一 下 。 任 务 4 的 最 终 执行 效果 图 如 图 7-20 和 图 7-21 所 示 。 

using System; 

using System.Collections.Generic; 

using System.Ling; 

using System.Web; 


using System.Web.UI; 
using System.Web.UI .WebControls; 


public partial class Admin Ievel3Management Editlevel3 : System.Web.UI.Page 
t 

SqlHelper she new SqlHelper() ; 

protected void Page Load(doject sender, EventArgs e) 

L| 
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private void Bind() 
{ 
GridViewl.DataSouroe- sh.QueryOperation("select * framv level3"); 
GridViewl.DataBind(); 
) 
protected void Gridviewl FowEditing(doject. sender, GridviewkditEventArgs e) 
t 
GridViewl.EditIndex- e.NewEditIndex; 
Bind; 
) 
protected void Gridviewl RowCanoelingedit (cbject sender, 
GridviewCancelFditEventArgs e) 


Gridviewl.EditIndex- - 1; 
Bind(; 
) 
protected void Gridviewl FoWUpdating (doject sender, GridvieWUpdateEventArgs e) 
t 
String xh-  GridViewl.Rows[e.RowIndex] .Cells [0] .Text; 
TextBox TxtLevel3Name- (TextBox)GridViewl.Rows[e.RowIndex] .Cells[1l]. 
FindControl ("Txt1evel3Name") ; 
TextBox TxtLevel3Desc- (TextBox)GridViewl.Rows[e.RowIndex] .Cells[2] . 
FindControl ("Txt1evel3Desc") ; 
String Stramd- String.Format ("update T level3 set Level3 Name- '(0)', 
Ievel3 Desc '(1)' where Level3 ID- {2}", TxtIevel3Name.Text, 
Txtlevel3Desc.Text, xh); 


Gridviewl.EditIndex- - 1; 
Bind(; 


7.4.5 任务 5: 商品 信息 的 添加 


1. 任务 目标 
(1) 能 熟练 使 用 ADO. NET 访问 数据 库 。 
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图 7-20 任务 4 中 的 编辑 界面 
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图 7-21 任务 4 中 的 更 新 界面 

(2) 能 熟练 使 用 FileUpLoad 上 传 控件 。 

(3) 能 使 用 JavaScript 实现 客户 端 界面 的 交互 。 

2. 任务 内 容 


(1) 设计 商品 的 添加 页 面 。 

(2) 实现 动态 添加 商品 额外 信息 表 的 功能 。 

(3) 实现 商品 样 图 的 上 传 。 

(4) 实现 商品 信息 的 保存 。 

3. 任务 实施 步骤 

商品 信息 添加 过 程 实施 难度 较 大 。 商 品 信息 分 为 商品 基本 信息 和 具体 信息 。 其 基本 流 
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程 是 : 首先 输入 商品 的 基本 信息 和 所 属 的 三 级 目录 ;接着 选择 商品 具体 类 , 若 没 有 所 属 的 商 
品 具体 类 , 则 单 击 下 拉 按 钮 ,显示 商品 具体 类 创建 界面 ( 见 图 7-22); 在 商品 具体 类 创建 界面 
中 输入 列 名 和 类 型 ( 见 图 7-230 , 单 击 “ 保 存 ? 按 钮 ,将 数据 插入 数据 库 ; 若 已 经 有 商品 具体 
类 , 则 选择 商品 “具体 类 别 " 下 拉 列 表 , 显 示 商 品 具体 信息 输入 界面 。 接 着 单 击 “ 浏 览 ” 按 钮 选 
择 图 片 , 单 击 * 上 传 ”按钮 上 传 图 片 到 服务 器 ( 见 图 7-240 ,并 将 路 径 保存 到 数据 库 中 。 最 后 
单 击 “ 添 加 ”按钮 保存 商品 信息 到 数据 库 中 。 
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图 7-22 显示 创建 具体 类 别 


(D 新建 AddItem. aspx 内 容 页 ,选择 AdminMP. master 母 版 页 。 拖 动 Html 标签 页 中 
的 Table 控件 到 页 面 中 。 按 住 Ctrl 十 Alt 十 y 组 合 键 插入 一 行 ,总 共 为 10 行 。 按 住 Ctrl 十 
Alt 十 一 组 合 键 插入 一 列 , 总 共 为 2 列 。 
© 拖 动 TextBox 控件 到 第 1 行 第 2 列 。 拖 动 TextBox 控件 到 第 2 行 第 2 列 。 拖 动 
DropDownList 控件 到 第 1 行 第 2 列 。 单 击 智能 提示 , 单 击 “ 编 辑 项 ”菜单 项 , 单 击 “ 添 加 ” 按 
钮 , 单 击 Text 属性 并 输入 Box; 单 击 “ 添 加 ”按钮 , 单 击 Text 属性 并 输入 Group。 拖 动 
TextBox 控件 到 第 4 行 第 2 列 。 拖 动 TextBox 控件 到 第 5 行 第 2 列 。 拖 动 DropDownList 
控件 到 第 6 行 第 2 列 。 拖 动 DropDownList 控件 到 第 7 行 第 2 列 ; 拖 动 GridView 控件 到 第 
7 行 第 2 列 , 单 击 ID 属性 并 输入 GridView2。 拖 动 Panel 控件 到 第 8 行 第 2 列 ,ID 为 
Panell。 拖 动 ImageButton 控件 到 Panell, 单 击 ImageUrl 属性 并 选择 一 /WebIcon/ 
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图 7-23 显示 商品 具体 信息 输入 界面 
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图 7-24 上 传 商品 样 图 


add-s. png 图 片 文 件 ; 拖 动 ImageButton 控件 到 Panell, 单 击 ImageUrl 属性 并 选择 一 / 
WeblIcon/delete-s. png 图 片 文件 ;在 Panell 的 ImageButton2 后 按 Enter 键 并 输入 “ 表 名 ”， 
拖 动 TextBox 控件 到 “ 表 名 ”文字 下 方 , 单 击 ID 属性 并 输入 TxtTableName。 在 
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TxtTableName 文本 框 后 按 Enter 键 并 输入 “类 型 名 ”, 拖 动 TextBox 控件 到 “类 型 名 ”文字 
下 方 , 单 击 ID 属性 并 输入 TxtTypeName。 拖 动 GridView 控件 到 TxtTypeName 文本 框 
下 , 单 击 ID 属性 并 输入 GridView1。 拖 动 ImageButton 控件 到 GridViewl 控件 下 , 单 击 ID 
属性 并 输入 BtnSaveInfo。 拖 动 Image 控件 到 第 9 行 第 2 列 。 拖 动 FileUpLoad 控件 到 
Imagel 控件 下 , 拖 动 ImageButton 控件 到 FileUpLoadl 右 侧 , 单 击 ImageUrl 属性 并 选择 
— /Weblcon/Send Document. png 图 片 文件 。 拖 动 ImageButton 控件 到 第 10 行 第 2 列 , 单 
ili ImageUrl 属性 并 选择 一 /WebIcon/Add. png 图 片 文件 。 
© 绑 定数 据 到 “归属 类 别 ? 下 拉 列 表 框 。 在 页 面 第 一 次 装载 的 时 候 需 要 显示 商品 所 属 
的 三 级 目录 ,所 以 需要 在 Page Load 中 绑 定 “归属 类 别 ”* 下 拉 列 表 框 ,然后 输入 下 列 代码 。 


SqlHelper sh- new SqlHelper () ; 
public void BindLevel3() 
t 
DropDownlList2.DataSource- sh.QueryOperaticn ("select Ievel3 ID, 
Level3 Name frm T Ievel3"); 
DropDownList2.DataBind() ; 
) 
protected void Page Load(doject sender, EventArgs e) 
t 
if (!Page. IsPostBack) 


Bindlevel3(); 


CD 绑 定数 据 到 “具体 类 别 ? 下 拉 列 表 框 。 在 页 面 第 一 次 装载 的 时 候 需要 显示 所 有 的 具 
体 类 别 以 供 管理 员 选 择 , 所 以 需要 在 Page Load 中 绑 定 “ 具 体 类 别 ? 下 拉 列 表 框 ,输入 下 列 
代码 。 


public void BindIx () 
t 
ddlJIIEX. DataScurce- sh.Queryoperation ("select DIName, DITableName 
fran T DetailsType"); 
ddlJnmx.pataBind() ; 
) 
protected void Page Load(cbject sender, EventArgs e) 
T 
if(!Page.IsPostBack) 


Bindlevel3(); 
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C 当 用 户 选择 “具体 类 别 ? 下 拉 列 表 中 的 值 时 ,GridView2 显示 所 选 的 具体 类 别 所 对 应 
的 列 信 息 。 编 辑 GridView2 列 绑 定 。 单 击 TemplateField 选项 , 单 击 “添加 ”按钮 , 单 击 
HeaderText 属性 并 输入 “信息 ”。 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField 
属性 并 输入 Data_Type。 双 击 “ 具 体 类 别 ”* 下 拉 列 表 , 进 入 SelectedIndexChanged 事件 代码 
编写 区 ,输入 下 列 代码 。 


public void DisplayColumInfo? () 
{ 
String sql% String.Format ("select colum name, Data Type fram 
information schama.columns where Table Name- '(0)" 
and colum nae not in('IID', 'DTID')", 
ddlJDIX.Selectedvalue.ToString()) ; 
Gridview2.DataSource- sh.Queryoperation (5312) ; 
Gridview2.DataBind(); 
) 
protected void ddlJDIX SelectedIndexChanged (bject sender, EventArgs e) 
{ 
DisplayColumInfo2 () ; 
} 
© 编辑 GridViewl Jl, GridViewl 默认 显示 的 是 创建 表 的 界面 ,包括 字段 名 和 字段 类 
型 。 单 击 GridViewl 智能 提示 , 单 击 “ 编 辑 列 "菜单 ,打开 “编辑 列 " 窗 口 。 单 击 
TemplateField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 HeaderText 属性 并 输入 “序号 ”。 单 击 
TemplateField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 HeaderText 属性 并 输入 “选择 ”。 单 击 
TemplateField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 HeaderText 属性 并 输入 “字段 名 ”。 单 击 
TemplateField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 HeaderText 属性 并 输入 “数据 类 型 >。 单 击 
“ 源 ”" 按 钮 ,切换 到 HTML 代码 页 面 ,在 “序号 ” 列 中 修改 成 如 下 代码 ,其 中 “二 % H 
Container, DataltemIndex 十 1 % 记 ”代码 的 作用 是 实现 顺序 编号 显示 ,如 1,2,…。 
< asp:TenplateField HeaderText= "F 3 "> 
< ItenrTerplate> 
< $#Container.DataItemIndex+ 1 $» 


< /ItenTerplate> 
<Headerstyle Wrap= "False" /> 

< /asp:TemplateField» 

单 击 “ 设 计 ” 按 钮 ,切换 到 设计 视图 , 单 击 智能 提示 , 单 击 “ 编 辑 模板 "菜单 项 ,打开 “编辑 
模板 ”窗口 。 单 击 “ 编 辑 模板 ”菜单 项 , 单 击 “ 显 示 ” 列 表 中 的 “Column[1]- 选 择 ” 选 项 , 拖 动 
CheckBox 到 ItemTemplate 中 , 单 击 ID 属性 并 输入 chkID。 单 击 “ 显 示 ” 列 表 中 的 “Column 
[2J- 字 段 名 ”选项 , 拖 动 TextBox 到 ItemTemplate "P. 单 击 ID 属性 并 输入 
TxtColumnName。 单 击 “ 显 示 ? 列 表 中 的 “Column[L3]- 数 据 类 型 ?选项 , 拖 动 DropDownList 
到 ItemTemplate 中 , 单 击 ID 属性 并 输入 DDLDataType, 单 击 “ 编 辑 项 ”菜单 项 , 单 击 “ 添 加 ” 
按钮 , 单 击 Text 属性 并 输入 int。 单 击 “ 添 加 ”按钮 , 单 击 Text 属性 并 输入 float, Hed 
加 ?按钮 , 单 击 Text 属性 并 输入 nvarchar(500)。 按 F7 功能 键 切 换 到 代码 页 面 ， 编写 
BindTM 方法 ,在 Page_Load 中 调用 。 代 码 如 下 。 
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public void BindIM() 
t 
dt.Colums.Clear(); 
//dt.Clear(); 
dt.Colums.Acd (new DataColum ("ColumID") ) ; 
dt.Colums.Acd (new DataColum ("ColumName") ) ; 
dt.Colums.Acd (new DataColum ("ColumType") ) ; 
DataRow dr- dt .NewROw () ; 
dr["ColumID"]- Giid.Newauid () .ToString() ; 
dt.Rows .Acd (dr) ; 
GridViewl.DataScuroe- dt; 
Gridviewl.DataBind(); 
) 
protected void Page Load(doject sender, EventArgs e) 
t 
if (!Page.IsPostBack) 
t 


Bindlevel3(); 
PanelInfo.Visible- false; 
BindIMQ; 

Bindrx (); 
DisplayColumInfo? |); 


) 


(D 实现 “具体 类 别 创建 表 列 ”的 增加 和 删除 功能 。 双 击 ImageButton2 按钮 ,输入 下 列 
代码 。 


protected void ImageButton2 Click(abject sender, ImageClickEventArgs e) 
{ 

DataRow dr- dt .NewROw () ; 

dr["ColumID"]- Guid.NewGuid () .ToString () ; 

dt.Rows.Add (dr); 

GridViewl.DataScuroe- dt; 

GridViewl.DataBind(); 
H 


双击 ImageButton3 按钮 ,输入 下 列 代 码 。 


protected void ImageButton3 Click(Gbject sender, ImageClickEventArgs e) 
t 
for(int i- 0; i «GridViewl.Rows.Count; i++) 
Li 
CheckBox de (CheckBox) GridViewl .Fows [i] .Gells [1] .Find3ontrol ("kD"); 
String colID- GridViewl.DataKeys [0] .Value.ToString() ; 
if (ck.Checked) 
t 
foreach (DataRow dr in dt.Rows) 
{ 
if (dr["ColumID"] .ToString()== colID) 
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} 
Gridviewl.DataSource- dt; 
GridViewl.DataBind(); 

} 


实现 创建 具体 类 别 表 的 功能 。 双 击 BtnSaveInfo 按钮 ,进入 代码 页 面 并 输入 下 列 
代码 。 


protected void BtnSaveInfo Click (cbject sender, ImageClickEventArgs e) 
t 
sh.ExeNonQuery (String.Format ("Insert into T DetailsType values (' (0)', ' (1) ', ' (2) ') ", 
TxtTypeName.Text, 
TxtTableName.Text, "")); 
// 创 建 详细 类 型 表 
String createTableStr- "Create Table "+ TxtTableName.Text+ "( IID int 
primary key 
identity (1,1),"; 
for(int i-0; i «GridViewl.Rows.Count; i++) 
t 
TextBox th= (TextBox)GridViewl.Rows [i] .Cells[2]. 
FindControl ("TxtColumName") ; 
if(tb.Text !=™) 
t 
DropDownList ddl= (DropDowrlList)GridViewl.Rows[i].Cells[3]. 
FindControl ("DDIDataType") ; 
String StrType- tb. Text " "+ ddl .Selectedvalue.ToString() ; 
StrType- Str Typee ","; 
createTableStr- createTableStr* StrType; 


} 
createTableStr= createTableStr+ "DTID int)"; 
sh.ExeNonQuery (createTableStr) ; 
String fk- String.Format ("alter table (0) add constraint (1) foreign 
key (DID) 
references T DetailsType(DTID)", TxtTableName.Text, 
"fk" Güid.NewGuid () .ToString () -Substring (0,7) ) ; 
Sh.ExeNonQuery (fk) ; 
BindIX0; 
TmageButtonl Click (sender, e); 
} 


© 实现 上 传 功能 。 双 击 ImageButton4 按钮 并 进入 代码 页 面 ,输入 下 列 代码 。 


protected void ImageButton4 Click(abject sender, ImageClickEventArgs e) 
t 
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} 


if(FileUploadl.HasFile) 


t 


String fileExt- FileUploadl.FileName.ToString() ; 

if(fileExt.Contains ("jpg") ) 

t 
String phyPath- Server.MapPath ("~/TP") ; 
FileUploadl.SaveAs (chyPath+ "//"+ fileExt); 
Imagel.ImageUrl- "- /TP/"4- fileExt; 


Iabell.Visible- true; 


O 实现 保存 商品 信息 功能 。 双 击 ImageButtono 按钮 ,进入 代码 页 面 , 输 入 下 列 代码 。 


protected void ImageButton5 Click(abject sender, ImageClickEventArgs e) 


t 


int DTID- - 1; 

int IID- - 1; 

Sal Transaction trans; 
SqlConnection core sh. retumConn () ; 
con.Open  ; 

trans- con.BeginTransaction() ; 


try 


t 


SqlCcrmand mÈ new SqlCommand()7 
amd. Transaction- trans; 
am.connection- con; 
String sqll= String.Formet ("select DTID fram T DetailsType where 
DITableName- '(0)'", ddlJDIX.SelectedValue.ToString|()) ; 
and.CormandText= sql; 
SqlDataReader sdr- am.ExecuteReader () ; 
if (sdr.HasRows) 
{ 
sdr.Fead() ; 
DTID- sdr.GetInt3 (0); 
) 
sdr.Close(); 
String sql2- String.Format ("insert into (0) values( ",ddlJDIX 
.Selectedvalue.ToString ())) ; 
int count= GridView2.Rows.Count; 
for(int i-0; i«count; i++) 
t 
TextBox th= (TextBox) GridView?2.Rows [i] .Cells [0] .FindControl 
("IxtValue") ; 
String kind- GridView2.Rows [i] .Cells[1] Text; 
if (kind.Eguals ("nvarchar") ) 
t 
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) 


Sgl2- sql% "+ tb. Text "'"; 
} else if (kind.Equals ("int") 
t 
Sdl2-sgl2 -tb.Text; 
} 
Sq sql% ","; 
} 
Sgl2- sgl2* DTID+ "); select cast(scope identity() as int)"; 
amd.CanmmandText- sql2; 
IID (int)amd.ExecuteScalar () ; 
//insert ware info 
String ware Nunber- TextBox] Text; 
String ware Name- TextBox2 Text; 
String ware Weight- DropDownLi st1.SelectedTtem.ToString() ; 
String ware Stock- TextBoj3. Text; 
String ware Level3- DropDownList2.SelectedValue.ToString() ; 
String ware Prioe- TextBox4.Text; 
String extend ID= IID.ToString() ; 
String ware Image- Imagel . ImageUr1; 
String sql% String.Formet ("insert into T Ware 
values (' (0)', ' (1)*, (2), {3}, {4}, (9), (6), CT)", 
ware Number, ware Name, ware Weight, ware Stock, ware Ievel3, 
ware Price, extend ID, ware Image); 
ard.camandText- sql3; 
amd. ExecuteNonQuery () ; 
trans.Camit () ; 


catch (Exception ex) 


t 


) 


trans.RFollback(); 


con.Close(); 


项 目 7 涉及 很 多 内 容 , 重 点 讲解 了 ADO. NET 编程 和 GridView 的 高 级 操作 。ADO. NET 
几乎 在 这 个 项 目的 任务 1 一 5 中 都 有 所 涉及 ,这 也 说 明了 ADO. NET 技术 是 动态 网 站 开发 
所 必须 掌握 的 一 项 技术 。 另 外 ,有 很 多 知识 点 前 面 几 个 项 目 中 已 经 详细 
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中 不 再 过 多 说 明 。 


编程 题 
本 项 目 中 前 面 几 个 任务 的 详细 实现 过 程 已 经 介绍 。 请 读者 完成 商品 信息 的 编辑 (具体 
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界面 可 自行 设计 ,也 可 从 本 书 配套 的 源 代码 AdminMP. master 母 版 页 中 继承 ) 。 
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项 目 经 理 要 求 开 发 人 员 能 进行 基本 信息 管理 ,包括 分 店 的 添加 和 编辑 ( 见 图 7-25 和 
图 7-26) 客房 类 型 的 添加 和 编辑 ( 见 图 7-27 和 图 7-28)、 客 房 的 添加 和 编辑 ( 见 图 7-29 和 
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图 7-25 分 店 的 添加 
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图 7-26 分 店 的 编辑 
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Greentlotel 


discover a world with us 
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图 7-27 客房 类 型 的 添加 
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CopyRight@ 格 林 酒店 
图 7-28 客房 类 型 的 编辑 
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CopyRight@ 格 林 酒店 
图 7-29 客房 的 添加 
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Hotél 


discover a world with us 
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图 7-30 客房 的 编辑 
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81 项 目 引入 


开发 小 组 在 项 目 6 中 已 经 完成 了 商品 购买 和 订单 提交 功能 ,在 项 目 7 中 实现 了 商品 目 
录 管 理 和 商品 信息 管理 的 功能 。 现 在 开发 订单 管理 模块 。 订 单 管理 模块 主要 是 对 客户 产生 
的 订单 进行 编辑 。 当 变更 订单 时 ,需要 向 客户 注册 的 邮箱 账户 发 送 邮件 进行 提醒 。 


82 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 ,为 了 进一步 将 Web 页 面 开 发 和 数据 库 开 发 分 离 ,一 是 计划 
采用 WebService 方式 提供 所 必需 的 数据 访问 功能 ,这 样 也 能 为 其 他 应 用 程序 提供 数据 。 二 
是 计划 采用 ASP. NET 的 Mail。 
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8.3.1 使 用 Web Service 提供 服务 


Web Service 的 宗旨 是 创建 不 需要 用 户 界面 就 能 与 其 他 应 用 程序 交互 的 Web 应 用 程 
序 。 假 如 你 正在 为 一 家 股票 投资 公司 创建 网 站 ,并 不 需要 把 不 同 证 券 交易 所 的 数据 库 与 自 
己 的 后 台数 据 库 进行 整合 ,因为 你 的 应 用 程序 可 以 使 用 Web Service, 并 使 用 XML 格式 交 
换 数据 。Web Service 是 松 耦 合 的 , 它 与 服务 器 端 和 客户 端 使 用 的 操作 系统 、 编 程 语言 都 无 
关 。 创 建 Web Service 必须 保证 的 是 ,服务 器 端 和 客户 端 都 要 支持 HTTP、SOAP( 简 单 对 象 
访问 协议 ) 和 XML 等 行业 标准 协议 。 

1. Web Service 是 如 何 工 作 的 

Web Service 允许 两 个 程序 之 间 交 换 XML 文档 。 在 这 个 架构 的 顶层 ,微软 实现 了 一 个 
远程 过 程 调用 (Remote Procedure Call.PRC) 模 型 。Web Service 架构 包括 以 下 特性 。 

(1) WebServcie 的 服务 器 端 和 客户 端 应 用 程序 都 能 够 连接 到 互联 网 。 

(2) 用 于 通信 的 数据 格式 必须 遵守 相同 的 开放 标准 ,并 且 在 大 多 数 情况 下 ,这 个 标准 几 
乎 总 是 SOAP。 

(3) 客户 端 和 服务 器 端的 系统 是 松 耦合 的 。 即 Web Service 不 关心 客户 端 和 服务 器 端 
所 使 用 的 操作 系统 、 对 象 模型 或 者 编程 语言 。 只 要 Web Service 和 使 用 Web Service 的 应 用 
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程序 都 能 够 发 送 和 接收 遵守 适当 协议 标准 的 消息 即 可 。 

Web Service 应 用 流程 的 逻辑 架构 如 图 8-1 所 示 ,一 个 Web Service 使 用 者 会 向 Web 
Service 发 出 一 个 调用 请 求 。 使 用 者 会 认为 它 通过 Internet. 直接 和 Web Service 进行 交流 ， 
当然 这 实际 上 是 不 可 能 的 。 实 际 上 ,真正 的 调用 由 代理 类 完成 。 代 理 类 对 于 Web Service 
使 用 者 来 说 是 一 个 本 地 类 。 代 理会 处 理 所 有 的 复杂 架构 ,包括 通过 Internet 发 送 请 求 到 服 
务 器 、 从 Web Service 取 回 结果 并 呈现 给 Web Service 使 用 者 。 由 于 代理 类 之 前 已 在 消费 程 
序 中 注册 ,所 有 一 切 工作 才 可 以 顺利 进行 。 注 册 由 开发 消费 程序 的 程序 员 完 成 。 


Te © iae iel 
Web Service? 人 
(.asmx) 
虚拟 路 径 注册 代理 (o 


id 
实际 路 径 

i ©) Web Service 优 用 者 

ee =| (网 页 WebService 
或 窗 体 程序 ) 


图 8-1 Web Service 应 用 流程 的 逻辑 架构 


客户 端 应 用 程序 如 果 使 用 Web Service, 必 须 先 创建 一 个 代理 。 代 理 是 要 调用 的 真正 代 
码 的 蔡 身 。 在 客户 端 应 用 程序 中 注册 代理 后 ,客户 端 应 用 程序 调用 方法 时 就 如 同调 用 本 地 
对 象 一 样 。 代 理 接受 该 调用 ,并 以 适当 格式 封装 调用 ,然后 通过 SOAP 请 求 发 送 调用 程序 
到 服务 器 。 当 服务 器 返回 SOAP 包 给 客户 端 后 ,代理 会 对 包 进 行 解密 ,并 且 如 同调 用 本 地 
对 象 的 方法 返回 数据 一 样 ,代理 会 将 这 些 包 返回 给 客户 端 应 用 程序 ,如 图 8-2 所 示 。 


服务 器 端 客户 端 
Web Service 类 
(.asmx) 


格式 化 为 SOAP 消 | 
息 并 发 送 至 服务 器 


代理 类 
ge i — m 


"E or 
方法 返回 内 容 并 发 送 
至 客户 端 


图 8-2 Web Service 代理 
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Web Service 使 用 到 的 协议 与 标准 主要 有 HTTP,XML,SOAP, 


2. 


HTTP: TCP/IP 协议 的 最 上 层 是 超 文本 传输 协议 [HTTP)。 它 用 于 在 网 络 之 间 使 
用 服务 器 和 浏览 器 实现 通信 ,主要 包括 在 服务 器 和 浏览 器 中 建立 连接 ,并 将 HTML 
传输 到 客户 端 浏览 器 。 当 客户 端 向 服务 器 发 送 HTTP 请 求 后 ,服务 器 就 开始 处 理 
请 求 。 通 常会 返回 HTML 页 面 , 然 后 通过 浏览 器 呈现 。 然 而 对 Web Service 而 言 ， 
服务 器 返回 的 是 SOAP 消息 ,消息 中 包含 了 被 调用 的 Web Service 方法 的 返回 数 
据 。HTTP 请 求 从 请 求 的 浏览 器 处 传递 名 称 和 值 到 服务 器 中 ,这 种 请 求 包括 GET 
和 POST 两 种 。GET 请 求 中 ,名 称 和 值 会 被 附加 到 URL 上 ,数据 是 未 加 密 的 。 当 
所 有 需要 传递 的 数据 可 以 使 用 名 称 和 值 成 对 表示 ,而且 只 需要 传递 少量 字段 .字段 
长 度 也 较 短 时 ,比较 适合 用 GET 请 求 。 另 外 ,如 果 不 需 考虑 安全 问题 时 ,也 可 以 使 
用 GET。POST 请 求 中 ,配对 的 名 称 和 值 是 作为 请 求 消息 的 一 部 分 发 送 的 。 当 有 
大 量 字段 或 者 参数 很 长 时 ,适合 使 用 POST 请 求 。 从 安全 方面 看 ,POST IE GET 更 
安全 ,因为 POST 请 求 可 以 被 加 密 。 与 GET 请 求 一 样 ,POST 请 求 无 法 传递 复杂 的 
数据 类 型 (如 类 结构 体 和 DataSet) 。 

XML: 是 由 W3C 公布 的 开放 标准 的 一 种 描述 数据 的 方法 。XML 和 HTML 十 分 类 
似 。 不 同 的 是 ,HTML 使 用 的 是 预定 义 元 素 ,这 些 元 素 规定 了 HTML 在 浏览 器 中 
如 何 显示 ,而 XML 的 元 素 则 是 由 开放 人 员 自 己 定义 的 ,所 以 几乎 所 有 的 数据 都 可 
以 表示 。 制 定 XML 的 目的 是 使 其 成 为 一 种 与 平台 无 关 、. 语 言 无 关 的 标准 。XML 
架构 (Schema) 是 用 于 定义 XML 文档 中 或 者 XML 文档 之 间 元 素 与 元 素 关 联 的 文 
件 。 在 架构 中 将 指定 元 素 名 称 和 内 容 类 型 。HTML 5 XML 的 显著 差别 是 : 大 多 
数 HTML 读 取 器 有 很 好 的 容错 能 力 , 而 XML 读 取 器 则 完全 不 同 ,所 以 XML 文件 
的 格式 必须 正确 。 另 外 ,XML 元 素 都 是 小 写 的 。 

SOAP: SOAP(Simple Object Access Protocol, 简 单 对 象 访问 协议 ) 是 一 种 用 于 控制 
数据 交换 的 XML 语法, 它 是 简单 的 , 轻 量 级 的 信息 交换 协议 。SOAP 消息 由 消息 内 
容 和 一 个 或 多 个 头 模块 组 成 ,并 且 封 装 在 SOAP Envelope 中 。SOAP 使 用 XML 语 
法 来 格式 化 内 容 。 在 设计 上 ,SOAP 尽 可 能 简单 并 且 提供 最 小 化 的 功能 。SOAP 不 
需 HTTP ff] GET 和 POST 方法 , 它 不 受 “ 名 称 / 值 ?对 的 限制 ,可 以 使 用 它 来 发 送 复 
杂 的 对 象 ,包括 DataSet、 类 和 其 他 对 象 。SOAP 的 缺点 是 SOAP 消息 十 分 宛 长 , 因 
此 如 果 存 在 带宽 或 者 传输 性 能 的 问题 ,建议 使 用 POST 或 GET 方 法 。 

开发 Web Service 


Web Service 没有 界面 , 它 只 有 方法 ,有 一 些 方法 支持 从 客户 端 进行 远程 调用 的 。Web 
Service 文件 的 后 级 名 为 asmx。Web Service 应 用 程序 第 一 次 运行 时 ,如 果 Web Service 是 
人 工 编译 的 ,并 且 被 放 在 虚拟 根 目 录 的 bin 目录 下 .那么 代码 隐藏 对 于 内 联 编码 有 性 能 优 
势 , 因 为 asmx 文件 在 Web Service 运行 时 都 会 被 编译 成 一 个 类 。 而 ASP. NET 4.0 在 默认 
情况 下 没有 这 一 优势 ,因为 ASP. NET 4.0 把 源 代码 放 在 App Code 目录 下 ,并 且 在 第 一 次 


使 用 时 进行 编译 。 
ARBI: 下 面 通过 “股票 跟踪 ?例子 代码 的 讲解 来 解剖 Web Service 技术 。 这 个 Web 
Service 提供 了 两 个 方法 。 


GetName: 是 一 个 StcokSymbol 对 象 ,返回 一 个 字符 串 ,代表 了 股票 名 称 。 
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GetPrice: 是 一 个 StcokSymbol 对 象 .返回 一 个 数字 ,表示 当前 股票 的 价格 。 

(D 首先 新 建 一 个 项 目 (WebSite 也 可 以 ) ,注意 应 选择 . NET Framework 3. 5, 默 认 情 况 
下 .NET Framework 4 是 没有 Web Service 选项 的 。 选 择 ASP. NET Web Service 
Application ,将 新 的 应 用 程序 命名 为 StockWebService, 如 图 8-3 所 示 。 


Installed Templates. 
4 Visual C 
Windows. 
Web 
Office 
Cloud. 
Reporting. 
+ SharePoint 
Silverlight 
Test 
WCF 
Workflow 
Other Languages 
Other Project Types 
Database 
Modeling Projects 
È Test Projects 


ws | 
ww 


sere tericion 
3 ASP.NET MVC 2 Web Application 

2a ASP.NET MVC 2 Empty Web Application. 

g ASP.NET Dynamic Data Entities Web Application 
& ASP.NET Dynamic Data Linq to SQL Web Application 
«e ASP.NET AJAX Server Control 

E ASP.NET AJAX Server Control Extender. 

«e ASP.NET Server Control 


图 8-3 新 建 项 目 


Visual ce 


Visual Cs 


Visual CE 


Visual Cs 


Visual Ce 


Visual CE 


Visual C 


Visual Cf 


Visual C 


Search Installed Templates p 


Type: Visual ct 
A project for creating XML Web services 


可 以 看 到 ,Visual Studio 2012 自动 生成 了 如 下 的 一 些 代码 。 


///< summary> 


///Summary description for Servicel 


///« /summary> 


[WebService (Namespace- "http: //tempuri .org/") ] 


[WebServiceBinding (ConformsTo- WsiProfiles.BasicProfilel 1)] 


[System.CorponentMpdel . ToolboxItem(false)] 
//To allow this Web Service to be called from script, using ASP.NET AJAX, nomment the following line. 
// [System.Web.Script.Services.ScriptService] 

public class Servicel : System.Web.Services.WebService 


t 
[WEbMethod] 


public string HelloWorld() 


{ 


retum "Hello World"; 


} 


在 Service 类 中 有 一 个 名 为 HelloWorld 的 模板 方法 , 它 将 返回 一 个 字符 串 。 这 个 方法 
使 用 WebMethod 特性 做 修饰 ,表示 该 方法 对 Web Service 程序 为 可 用 (WebMethod 特性 会 
在 后 面 解释 )。 按 F5 功能 键 运行 程序 ,可 以 看 到 结果 如 图 8-4 所 示 。 
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| ener sir 


es E http//localhost7953/Servicel asm. ~| 


dy Favorites | 将 i Suggested Stes - E) EUBIEREIHENR ~ 
{Æ Servicel Web Service 


The following operations are supported. For a formal definition, please review the Service Description. 


* Helloworid 


This web service is using http://tempuri.org/ as its default namespace. 

Recommendation: Change the default namespace before the XML Web service is made public. 

Each XML Web service needs a unique namespace in order for client applications to distinguish it from other services on the Web. http://tempuri.org/ is al 
but published XML Web services should use a more permanent namespace. 

Your XML Web service should be identified by a namespace that you control. For example, you can use your company's Internet domain name as part of 
namespaces look like URLs, they need not point to actual resources on the Web. (XML Web service namespaces are URIS.) 


For XML Web services creating using ASP.NET, the default namespace can be changed using the WebService attribute's Namespace property. The WebSe| 
the XML Web service methods. Below is a code example that sets the namespace to "http://microsoft.com/webservices/": 


cs 
[WebService (Namespacee"http://microsoft.com/webservices/")] 
public class MyWebService { 


// implementation 
) 


图 8-4 Hello World 的 运行 结果 


@ 代码 页 中 输入 下 列 代码 。 


[WscMethod] 
public double GetPrice (string stockSyrbol) 
t 
for(int i=0; i < stocks.GetIength(0); i++) 
t 
if (string.Campare (stockSyrtbol, stocks[i, 0], true)== 
retum Convert.ToDouble (stocks [i, 2]); 
) 
retum 0; 
} 
[WscMethod] 
public string GetName (string stockSyrbol) 
t 
for (int i70; i «stocks.Getlength(0); i++) 
{ 
if(string.Campare (stockSymbol, stocks[i, 0], true)-- 0) 
return stocks[i, 1]; 
) 
return "Symbol not found."; 
} 


重新 运行 项 目 ,发 现代 码 中 多 了 两 个 方法 调用 的 入 口 。 

普通 的 . aspx 文件 把 Page 指令 作为 第 一 行 代码 ,而 Web Service 中 有 一 个 如 下 的 
WebService 指令 (在 Visual Studio 集成 开发 环境 下 不 能 直接 看 到 ,可 以 找到 Servicel. asmx 
文件 右 击 并 选择 “编辑 ”命令 查看 ) : 

< %@ WebService Ianguager "CR" CodeBehind- "servicel .asmx.csn 

Class- "StockWebService.Servicel" $» 

Language 指定 Web Service 中 使 用 的 语言 ,不 是 必需 的 。Class 指定 Web Service 的 类 
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名 称 , 是 必需 的 。WebService 指令 的 CodeBehind 属性 则 用 于 指定 实现 WebService 类 的 源 
代码 文件 的 名 称 。Debug 如 果 设 为 true, 将 以 启用 调试 的 方式 编译 Web Service。 默 认为 
false。 

3. WebMethod 特性 

Web Service 是 由 WebService 类 定义 的 ,对 于 WebService 类 而 言 ,并 不 需要 将 所 有 的 

方法 提供 给 Web Service 使 用 者 。 对 需要 提供 的 方法 必须 声明 为 public, 并 且 在 方法 声明 之 
前 设置 WebMethod 特性 ( 即 加 上 [Web Service])。WebMethod 包含 一 些 属性 ,用 于 设 定 
Web 方法 的 行为 。 语 法 为 [WebMethod(PropertyName 王 value)], 以 下 是 一 些 属性 的 说 明 。 

* BufferResponse: 默认 情况 下 ,ASP.NET 在 从 服务 器 端 向 客户 端 发 送 响应 之 前 ,会 
对 整个 响应 进行 缓存 。 大 多 数 情 况 下 ,这 是 最 好 的 做 法 。 但 是 ,如 果 响 应 时 间 非 常 
长 ,那么 需 将 它 设 为 true 来 禁用 缓存 。 如 果 设 为 false, 则 返回 到 客户 端的 响应 是 
16KB 的 块 。 默 认 值 为 true。 

* CacheDuration: 如 同 网 页 , Web Service 也 能 够 把 返回 到 客户 端的 结果 进行 缓存 (如 
果 客 户 端 发 出 的 请 求 与 由 另 一 个 客户 端 发 出 的 请 求 完 全 一 致 是 ,那么 服务 器 就 返回 
缓存 中 的 响应 。 可 以 改善 程序 的 性 能 )。CacheDuration 定义 第 一 次 请 求 之 后 多 少 
秒 内 ,会 在 响应 中 将 缓存 页 被 发 送 给 随后 的 请 求 。 一 旦 缓存 过 期 , 则 发 送 新 页 面 给 
请 求 。 默 认 值 为 0, 即 禁用 结果 缓存 。 如 果 Web 方法 返回 的 数据 没有 改变 (如 ,从 一 
小 时 更 新 一 次 的 数据 库 中 获取 数据 的 查询 ) ,那么 就 可 以 设置 结果 并 缓存 为 一 个 合 
适 的 时 间 ,例如 1800s。 另 外 ,如 果 返 回 的 数据 是 动态 的 ,那么 需要 设置 缓存 持续 时 
间 较 短 或 干脆 禁用 。 如 果 Web Service 没有 一 个 相对 有 限 的 参数 范围 ,也 不 适合 使 
用 缓冲 。 

。 Description; 对 Web 方法 的 描述 ,是 字符 串 类 型 。 

* EnableSession; 默认 为 false。 如 果 设 为 true. Web 方法 将 启用 会 话 状态 。 如 果 设 为 
ture H. Web Service 继承 自 WebService 类 ,那么 会 话 可 以 使 用 WebService. 
Session。 人 允许 会 话 状态 为 应 用 程序 增加 额外 的 开销 。 

* MessageName: 在 C# 类 中 ,方法 可 以 拥有 相同 的 名 字 ( 重 载 ), Web Service 禁止 使 
用 重 载 。WebMethod 特性 的 MessageName 属性 可 以 消除 由 多 个 相同 名 称 造成 的 
无 法 识别 的 问题 。 它 允许 对 每 一 个 方法 的 重 载 使 用 唯一 的 别名 。 当 重 载 方法 在 
SOAP 消息 中 引用 时 ,SOAP 消息 将 使 用 MessageName 而 非 方法 的 名 称 。 

。 TransactionOption: ASP. NET Web 方法 可 以 使 用 事务 ,但 是 仅 当 事件 在 Web 方 
法 中 初始 化 时 可 以 使 用 。TransactionOption 属性 用 于 设置 Web 方法 是 否 启动 一 个 
事务 。 然 而 ,因为 Web 方法 的 事务 必须 为 根 对 象 ,所 有 只 有 两 个 不 同 的 行为 , 即 启 
用 一 个 新 对 象 (Required、RequiresNew ) 或 者 不 启动 (Disabled、NotSupported、 
Supported) 。 

4. WebService 特性 

不 要 把 它 与 WebMethod iii . WebService 特性 允许 向 Web Service 添加 额外 的 信息 。 

语法 为 [WebService(PropertyName 王 value)]。 如 果 有 多 个 属性 ,可 以 使 用 逗号 分 隔 。 下 面 
是 它 的 一 些 属性 。 

。 Description: 描述 Web Service, 
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* Name; 当 在 浏览 器 中 测试 页 面 时 ,在 Web Service 帮助 页 面 的 最 顶部 会 显示 Web 
Service 的 名 称 , 且 对 所 有 潜在 的 Web Service 使 用 者 可 用 。 默 认 情 况 下 , Web 
Service 的 名 称 是 实现 Web Service 类 的 名 称 。 
Namespace; fj Web Service 都 有 一 个 XML 命名 空间 。XML 命名 空间 允许 在 
XML 文档 中 创建 名 称 ,这 个 名 称 是 一 个 统一 资源 标识 符 (URI)。Web Service 使 用 
在 XML 中 定义 的 WSDL 文档 进行 描述 。 每 个 Web Service 特性 必须 有 一 个 独立 
的 XML 命名 空间 ,这 样 它 才能 够 为 应 用 程序 唯一 识别 。Visual Studio 创建 的 Web 
Service 的 默认 URI 为 http://tempuri. org。 通 常 使 用 唯一 的 名 称 来 定义 一 个 新 的 
命名 空间 ,例如 公司 的 网 站 (可 以 不 是 一 个 有 效 的 URL)。 

5. 数据 类 型 

Web Service 可 以 使 用 任何 CLR 支持 的 数据 类 型 作为 参数 或 者 返回 值 。 除 了 基本 数据 
类 型 以 外 ,还 可 以 使 用 数组 和 基本 类 型 的 ArrayList。 由 于 数据 是 通过 XML 在 Web 
Service 和 客户 端 之 间 传 递 的 ,那么 无 论 使 用 参数 或 返回 值 ,都 必须 使 用 XML Schema 或 者 
XSD 表示 。 

此 外 ,Web Service 能 够 把 用 户 定 义 的 类 和 结构 体 作 为 参数 或 者 返回 值 ,这 里 有 一 些 需 
要 记 住 的 规则 ,内容 如 下 。 

。 所 有 类 变量 必须 是 基本 数据 类 型 或 者 基本 数据 类 型 的 数组 。 

。 所 有 类 变量 必须 是 公开 的 或 者 有 一 个 公开 的 实现 GET 和 SET 访问 器 的 属性 。 

。 DataSets: Web Service 能 够 通过 XML 编码 后 返回 任何 数据 ,这 也 包括 返回 

DataSet, 这 是 因为 ADO. NET 内 部 使 用 XML 来 表示 DataSet。 一 个 DataSet 仅 是 
ADO. NET 数据 存储 中 的 一 种 可 以 由 Web Service 返回 的 类 型 而 已 。 

6. 创建 发 现 文档 

一 旦 完成 Web Service 的 创建 ,负责 开发 Web Service 程序 的 程序 员 需 要 找到 一 种 方法 
能 够 了 解 服务 器 上 有 哪些 Web Service 可 用 ,以 及 这 些 Web Service 提供 了 哪些 方法 ,这 些 
方法 和 属性 可 接收 哪些 参数 ,这 些 Web 方法 返回 的 值 是 什么 。 这 个 过 程 叫 “发 现 ”, 是 可 选 
的 。 如 果 Web Service 使 用 程序 的 开发 者 了 解 这 些 Web Service 文件 的 URL ,那么 就 不 需 
要 实施 “发 现 ? 动 作 了 。 可 以 使 用 disco. exe 在 命令 行 方式 下 创建 XML 文件 ( 即 发 现 文档 ) 。 

打开 Visual Studio 命名 提示 符 , 输 入 如 下 代码 : 


disco /out: < 输出 目录 名 称 >http://localhost:7953/Servicel am 


可 以 通过 以 下 两 种 方法 寻找 发现" 文档: 

。 通过 查询 字符 串 。 即 在 service. asmx 文件 后 加 上 ? disco, 如 http://localhost: 

7953/Servicel. asmx?disco。 

。 静态 发 现 文件 。 如 果 Web Service 的 程序 需要 使 用 静态 发 现 文件 ,那么 Web Service 

开发 人 员 必 须 创 建 一 个 静态 发 现 文件 。 

“发 现 ?是 一 个 过 程 , 它 是 一 个 可 选 过 程 , 可 以 在 客户 端 机 器 上 从 命令 行 执行 disco T. 
具 , 并 把 Web Service 的 URL 作为 参数 传递 给 它 。 如 disco http://localhost: 7953/ 
Servicel. asmx, 这 个 命令 通过 指定 URL 来 寻找 一 个 发 现 文档 ,并 把 它们 保存 在 本 地 计算 机 
的 当前 目录 中 。 还 有 一 个 . wsdl 文件 也 将 在 当前 目录 中 生成 并 保存 。 也 可 以 使 用 /out:” 
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参数 将 输出 目录 改 为 指定 的 目录 ,如 , disco /out: C:/Temp/http: // localhost; 7953/ 
Servicel. asmx, 执 行 该 命令 会 把 两 个 文件 生成 到 输出 目录 的 Servicel. wsdl 文件 中 ,这 个 文 
件 与 通过 在 浏览 器 中 输入 . asmx?wsdl 或 者 使 用 wsdl 命令 生成 的 wsdl 是 相同 的 。 

7. 部 署 
部 署 Web Service 与 部 署 网 页 差不多 。. asmx 文件 必须 位 于 TIS 提供 的 虚拟 目录 中 ,这 
样 它 才 可 以 被 浏览 器 访问 到 。 如 果 有 一 个 Web Service 的 . disco 文件 ,那么 这 个 文件 也 必 
须 放 在 应 用 程序 虚拟 目录 下 。 同 样 , 如 果 应 用 程序 需要 创建 一 个 web. config 文件 ,那么 也 
必须 将 其 复制 到 应 用 程序 虚拟 目录 中 。 与 使 用 网 页 一 样 , 对 于 已 编译 的 类 和 资源 , 既 可 以 使 
用 预 编译 的 assemblies, 也 可 以 使 用 动态 编译 的 assemblies 来 处 理 。 

8. 使 用 VS 创建 客户 端 

ARB 2: 下 面 用 一 个 示例 来 创建 客户 端 程序 并 调用 前 面 章节 中 创建 的 Web Service 
CHI StockWebService) 。 

(D 新 建 一 个 ASP. NET 应 用 程序 , 右 击 解决 方案 , 单 击 Add Web Reference 菜单 项 ,如 
图 8-5 所 示 , 打 开 Add Web Reference 对 话 框 ,如 图 8-6 所 示 。 


Solution Explorer 


-aoa 
[I Solution 'WebCallService' (1 project) 
Mir re 


ËË Build 
Rebuild 
Clean 
i9 Build Deployment Package 
[dj Publish... 
机 Package/Publish Settings 
Run Code Analysis 
[X View in Browser 
Convert to Web Application 
@ Check Accessibility... 
Calculate Code Metrics 
Add L 
Add Reference... 
Add Web Reference... 
Add Service Reference... 
4 View Class Diagram 
Set as StartUp Project 
Debug » 
Add Solution to Source Control... 
Cut Ctri+X 
Paste Ctrl+V 


x5 


Rename 


Unload Project 
Open Folder in Windows Explorer 


m 


图 8-5 Add Web Reference 菜单 项 


在 URL 文本 框 中 输入 http://localhost:7953/Servicel. asmx, 即 Web Service 的 地 址 ， 
注意 此 时 Web Service 需 处 于 运行 状态 , 单 击 右边 的 箭头 ,会 将 该 Web Service 中 的 方法 查 
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| ener sur 


URL: — http://localhost:7953/Servicel.asmx ~ 日 


Web services found at this URL 
Testttt 1 Service Found: - 


The following operations are supported. For a formal definition, please review ~ Servicel 
the Service Description. 


GetName 


GetPrice 


GetStockExchange 

Web reference name: 
HelloWorld 

localhost 
SetStockExchange 
This is ExchangeS 


This web service is using http://tempuri.org/ as its default 
namespace. 


Recommendation: Change the default namespace before the XML 
Web service is made public. 


Each XML Web service needs a unique namespace in order for client 
h it from other services on the Web. 


图 8-6 Add Web Reference 对 话 框 


e (ll £ http://localhost7953/Servicel.asmx 


jp Favorites | js G Suggested Sites « [p EEBUESEIHIDR ~ 
| B Servicel Web Service 


Servicel 


The following operations are supported. For a formal definition, please review the Service Description. 


* HelloWorld 


This web service is using http://tempuri.org/ as its default namespace. 
Recommendation: Change the default namespace before the XML Web service is made public. 


Each XML Web service needs a unique namespace in order for client applications to distinguish it from other services on the Web. http://tempuri.org/ is al 
but published XML Web services should use a more permanent namespace. 


Your XML Web service should be identified by a namespace that you control. For example, you can use your company's Internet domain name as part of 
namespaces look like URLs, they need not point to actual resources on the Web. (XML Web service namespaces are URIS.) 


For XML Web services creating using ASP.NET, the default namespace can be changed using the WebService attribute's Namespace property. The WebSel 
the XML Web service methods. Below is a code example that sets the namespace to "http://microsoft.com/webservices/": 


ce 


[WebService (Namespace-"http://microsoft.com/webservices/")] 
public class MyWebService ( 

// implementation 
) 


图 8-7 调用 Web Service 


询 出 来 ,我 们 可 以 单 击 某 个 方法 来 了 解 具体 的 信息 ,如 单 击 GetName, 则 会 出 现 调用 的 参数 
及 SOAP、POST、GET 对 应 的 XML 文档 ,如 图 8-7 所 示 。 

填写 好 Web 引用 的 名 字 后 ,就 可 以 添加 Web 引用 了 。 此 时 会 发 现 ASP. NET 应 用 程 
序 中 多 了 一 些 文件 ,此 时 的 目录 结构 如 图 8-8 所 示 。 

© 双击 刚刚 添加 的 Web 引用 的 名 称 localhost. 打开 对 象 浏 览 器 ,可 以 看 到 Web 
Service 项 目下 的 一 些 事 件 及 参数 ,其 中 ,“ 方 法 名 十 Completed 十 EventArgs” 表 示 事 件 参 数 ， 


pl 
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D «2 System.Xml 
D «2 System.Xml.Linq 
4 国 WebCallService 
D () WebCallService 
» () WebCallService.Account 
4 () WebCallService.localhost 
» 党 GetNameCompletedEventArgs 
» (Sij GetNameCompletedEventHandler 
» *t$ GetPriceCompletedEventArgs 
» (Si GetPriceCompletedEventHandler 
D *t$ GetStockExchangeCompletedEventArgs 
D (Si GetStockExchangeCompletedEventHandler 
D *t$ HelloWorldCompletedEventArgs 
D (Sij HelloWorldCompletedEventHandler 
D (S SetStockExchangeCompletedEventHandler 
» % Testttt 
DEFUI WebCallSevice Properties 


图 8-8 Web Service 相关 的 目录 结构 


“方法 名 十 Completed 十 EventHandler” 表 示 事 件 处 理 方法 。 
查看 ASP. NET 应 用 程序 的 目录 ,发 现 生 成 了 两 个 目录 Service References 和 Web 
References, 其 中 Web References 目录 下 存放 的 是 刚才 添加 的 Web 引用 ,里 面 的 四 个 文件 
JJ: Reference. cs, Reference. map, Servicel. disco 和 Servicel. wsdl。 并 且 在 web. config 中 
自动 添加 了 如 下 的 代码 。 
«applicationsettings» 
« WebCallService.Properties.Settings» 
< setting name- "WscCallService localhost Testttt" serializeAs- "String 
< value» http://localhost : 7953/Servicel.asm« /value» 
< /setting» 
< AebcallService.Properties.Settings» 
< /applicationsSettings» 
然后 在 后 台 代码 中 就 可 以 调用 Web Service 了 。 注 意 有 一 个 类 为 Testttt, 这 是 我 们 重 
命名 的 一 个 Service。 后 台 调 用 的 代码 如 下 。 
protected void Buttonl Click (cbject sender, EventArgs e) 
í 
localhost .Testttt proxy- new localhost.Testttt () ; 
Response.Write ("web:"+ proxy .GetName ("a") ) ; 
} 
即 在 页 面 中 放 一 个 按钮 , 单 击 该 按钮 后 返回 Web Service 的 名 称 , 这 样 运行 的 结果 为 


“web:Symbol not found. ” 


8.3.2 使 用 SMTP 发 送 电 子 邮 件 


说 到 发 送 邮 件 , 先 提 一 下 SMTP, SMTP 的 全 称 是 Simple Mail Transfer Protocol, 即 
简单 邮件 传输 协议 。 它 是 一 组 用 于 从 源 地 址 到 目的 地 址 传输 邮件 的 规范 ,通过 它 可 以 来 控 
制 邮件 的 中 转 方 式 。SMTP 协议 属于 TCP/IP 协议 簇 , 它 帮助 每 台 计 算 机 在 发 送 或 中 转 信 
件 时 找到 下 一 个 目的 地 。SMTP 服务 器 就 是 遵循 SMTP 协议 的 发 送 邮件 服务 器 。 接 下 来 
介绍 一 下 名 称 空间 (NameSpace) 的 System. Web. Mail 类 库 里 所 提供 的 邮件 发 送 的 对 象 、 属 
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性 和 方法 , 它 有 三 个 类 : SmtpMail, MailMessage 和 MailAttachment, MailMessage 类 提 
供 属 性 和 方法 来 创建 一 个 邮件 消息 对 象 。MailAttachments 类 提供 属性 和 方法 来 创建 一 个 
邮件 附件 对 象 。SmtpMail 类 提供 属性 和 方法 并 通过 使 用 windows 2000 CDOSYS 的 消息 组 
件 的 联合 数据 对 象 来 发 送 邮 件 消 息 。MailMessage 对 象 的 常见 属性 见 表 8-1. 


表 8-1 MailMessage 对 象 的 常见 属性 


From 发 送 邮件 的 地 址 

To 接受 邮件 的 地 址 

Subject 邮件 的 标题 

Priority 邮件 的 优先 级 (有 效 值 为 High, Low, Normal) 

Attachments 返回 一 个 集合 ,代表 附件 

Bec 密 送 地 址 

Cc 抄 送 地 址 

Body 获取 或 是 设置 电子 邮件 消息 的 内 容 

BodyPornidt 获取 或 是 设置 MailFormat 的 枚 举 值 ,此 值 指 定 消息 体 邮件 的 格式 (HTML 格式 、 
Text 格式 ) 

Bodyencoding | 指定 消息 的 编码 方式 (主要 有 Base64、UUencode) 


这 里 解释 一 下 密 送 和 抄 送 的 区 别 : 密 送 就 是 你 群发 邮件 后 , 收 邮件 的 人 无 法 看 到 你 发 
给 了 多 少 人 以 及 他 们 的 邮件 地 址 ; 抄 送 就 是 群发 邮件 时 , 收 邮件 的 人 可 以 看 到 你 发 给 了 多 少 
人 以 及 他 们 的 邮件 地 址 。SmtpMail 类 的 Send 方法 的 作用 就 是 发 送 邮 件 , 有 两 个 重 载 方法 。 

* SmtpMail. Send(" 发 送 邮 件 的 地 址 ", "接收 邮件 的 地 址 "," 邮 件 的 标题 "," 邮 件 消息 

的 内 容 "): 这 个 方法 很 简单 ,不 适合 发 送 带 附件 的 邮件 。 
* SmtpMail. Send(MailMessage): 此 方法 复杂 、 灵 活 , 适 合 发 送 附 件 , 而 且 可 以 设置 
MailMessage 对 象 的 各 种 属性 值 。 

如 果 用 ASP. NET 开发 一 个 邮件 发 送 的 程序 ,那么 首先 应 该 得 到 SMTP。 有 两 种 方 
iki 第 一 种 方法 调用 目前 知名 的 邮件 服务 提供 商 的 SMTP., 比如 新 浪 、 搜 狐 、 网 易 的 免费 电 
子 邮箱 的 SMTP; 第 二 种 方法 是 本 地 装 一 个 SMTP 虚拟 服务 器 。 本 书 只 介绍 用 目前 知名 的 
邮件 服务 提供 商 的 SMTP 来 发 送 电子 邮件 的 方法 。 

在 ASP. NET 中 利用 知名 的 邮件 服务 提供 商 的 SMTP 来 发 送 邮件 ,必须 要 有 相应 邮件 
服务 提供 商 的 注册 账号 。 如 果 没 有 ,首先 需要 去 相应 的 邮件 站 点 上 注册 免费 邮箱 ,因为 要 使 
用 邮件 服务 提供 商 的 SMTP, 他 们 需要 对 注册 人 员 的 身份 进行 验证 ,这 样 可 以 避免 产生 大 量 
的 垃圾 邮件 。 假 设 在 新 浪 的 邮件 站 点 (mail. sina. com. cen) 上 注册 了 一 个 免费 电子 邮件 ,用 
户 名 是 mysina, 密 码 是 chenjie。 该 账号 为 虚构 的 ,应 使 用 自己 注册 的 用 户 名 称 和 密码 代替 。 
新 浪 的 邮件 站 点 的 SMTP 地 址 是 : smtp. sina. com. cn。 现 在 需要 向 scucj@126. com A i 
邮件 。 那 么 利用 ASP. NET(C# ) 发 送 邮 件 的 核心 代码 如 下 。 


MailAttadment dbjMailattachment; 
// 创 建 一 个 附件 对 象 
cbjMeilAttachment= new MBilAttachment( "d:\Ntest.txtm)7 
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// 创 建 邮件 消息 

CbjMai IMessage= new Mai lMessage () ; 

dbjMailMessage.Fram- "mysina sina.cam"; 

cbjMailMessage.To- "scucj@ 126.com"; 

dbjvai IMessage.Subject- "邮件 发 送 标题 : 你 好 ";// 发 送 邮 件 的 标题 

dbjvai IMessage.Body- "邮件 发 送 标 内 容 : 测试 一 下 是 否 发 送 成 功 !"; 

dbjMailMessage.Attachments .Acd ( oojMai lAttadment); 

d»jMailMessage.Fields.2cd (http: //schemas microsoft .oan/odo/configuration/ 
smtpauthenticate", "1") ; 

cbjMailMessage.Fields.Add (http: //schemas microsoft .oan/odo/configuration/ 
Sendusername", "mysina"); 

dbjMailMessage.Fields.Zcd (http: //schemas microsoft .oan/odo/configuration/ 
sendpassword", "chenjie"); 

SmtpMail.SmtpServer- "amtp.sina.occm.cn"; 

SmtpMail.Send ( dbjMai IMessage) ; 

如 果 没 有 上 述 粗 体 标注 的 三 行 代码 , 则 会 出 现 如 下 错误 提示 : 服务 器 拒绝 了 一 个 或 多 

个 收 件 人 的 地 址 。 服 务 器 响应 为 : 554 Client host rejected: Access denied, 


84 项 目 实 施 


8.4.1 任务 1: 以 Web Service 方式 提供 访问 Smart 数据 库 的 服务 


1. 任务 目标 

能 创建 Web Service 方法 。 

2. 任务 内 容 

创建 提供 Smart 数据 库 访问 的 Web Service。 

3. 任务 实施 步骤 

(D 创建 Web Service。 打 开 Visual Studio 2012 开发 工具 , "fui; * Sc p" 39; den p] 
站 ”菜单 项 ,打开 “新 建 网 站 ”对 话 框 。 单 击 . NET Framework 版 本 下 拉 列 表 , 选 择 . NET 
Framework 3. 5。 单 击 “ASP. NET Web 服务 ”列表 项 ,在 “Web 位 置 "文本 框 中 输入 
SmartADOService, 单 击 “ 确 定 ” 按 钮 完成 操作 。 

(2) Hiii Service. asmx 文件 , 单 击 “ 查 看 代码 "菜单 项 ,打开 Service. cs 代码 页 ,编写 访 
问 数 据 库 的 服务 方法 ,当然 不 可 少 的 是 需要 使 用 using System. Data. SqlClient; using 
System. Data 导入 命名 空间 。 编 写 Web Service 方法 时 需要 注意 两 点 : 一 是 比 普通 的 方法 
要 多 一 个 LWebMethodj] 特 征 ;二 是 返回 的 数据 类 型 是 可 序列 化 的 ,例如 DataSet。 代 码 
如 下 。 

using System; 

using System.Collections.Generic; 

using System.Ling 

using System.Web; 

using System.Web.Services; 

using System.Data.SqlClient; 
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using System.Data; 

[WebService (Namespace- "http: //temuri .org/") ] 

[WebServiceBinding (ConformsTo- WsiProfiles.BasicProfilel 1)] 

//[ 若 要 允许 使 用 ASP.NET AIAX 从 脚本 中 调用 此 we 服务 ,请 取消 以 下 行 的 注释 
// [System.Web.Script.Services.ScriptService] 


public class Service : System.Web.Services.WebServioe 
t 
String connectionString- "Data Source .;Initial Catalog- Smart; Uid sa; 
Pwd- zzb; 
MiltipleactiveResultSets- true"; 
public Service() 
t 
// 如 果 使 用 设计 的 组 件 ,请 取消 以 下 行 的 注释 
//InitializeCamponent () ; 
) 


[WsciMethod] 
public DataSet QueryOperation (String StrQueryCammand) 
t 
SqlConnection con= new SqlConnection (connectionString) ; 
if (con.State- = System.Data.ConnectionState.Closed) 
con.open () ; 
SqlCamand mÈ new Sql camara) ; 
am.Connection- con; 
amd.CommandText= StroueryCanmand; 
DataSet ds= new DataSet () 7 
SqlDataAdapter sda- new SqlDataAdapter (amd) ; 
sda.Fill (ds); 
retum ds; 
} 
[WebMethod] 
public bool ExeNonQuery (String Strami) 
t 
SqlConnection core new SqiConnection (connectionstring) ; 
if (con.State- = System. Data.ConnectionState.Closed) 
con.Open ()7 
Sql Ganmand amd- new SqlCcrmand() ; 
am.connectione con; 
amd.CormandText= Stram; 


ami. ExecuteNonQuery () ; 
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} 


[WebcMethod] 
public bool ExeNoQueryProc (String amName, SqlParameter[] ps) 


t 


) 


SalConnection con new SqlConnection (connectionstring) ; 
if (con.State- = System. Data.ConnectionState.Closed) 
con.0pen() ; 
Sci. Camend m new Sqlcamand () ; 
amd.ConmandText- amdName; 
ard. GCamandType- System. Data .CamandType .StoredProcedure; 
foreach (SqglParameter p in ps) 
t 
and. Parameters .Acd (p) ; 


retum false; 
) 
retum true; 


[WscMethod] 
public DataSet  QueryOperationProc (String mane, SqlParameter[] ps) 


{ 


SqlConnection cor new SqlConnection (connectionString) ; 
if (con.State- = System. Data.ConnectionState.Closed) 
con.Open ( ; 
SqlCommand mÈ new Sqicamernd() ; 
am.connectiore con; 
cmd.CormandText= andName; 
amd.CanmandType- System. Data .CammandType . StoredProcedure; 
if(ps t null) 
t 
foreach (SqlParameter p in ps) 
t 
and.Parameters.Acd (p) ; 


} 

DataSet ds- new DataSet () ; 

SqlDataMdapter sda- new SqlDataAdapter (amd) ; 
sda.Fill(ds); 

retum ds; 
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G) 按 F5 键 运行 程序 ,如 图 8-9 所 示 。 单 击 QueryOperation 超 链 接 ( 见 图 8-10) ,在 
“ 值 > 文本 框 中 输入 select * from t_customer, 单 击 “ 调 用 ”按钮 ,返回 最 终 的 运行 结果 ( 见 
图 8-11)。 


叉 ， 林 大和 下. 


nastase. gom WSDL Specification fwWspt JR] 
Mum bx Esas. men nrc 2396. v 


图 8-9 任务 1 运行 效果 


ATR REREDRGAM. 


QueryOperation 

Wit 
EXER HTTP POST suse to cH. saranta. 
jk E 


trovecommand: 


sonp 1.1 


128209595. mean, 


9 —— ———g 


soap 1.2 
UTE SOAP123 E4523. ESThiCEGERAEEE 


图 8-10 单 击 QueryOperation 超 链接 


8.4.2 任务 2: 实现 订单 的 编辑 


1. 任务 目标 
COD 能 熟练 操作 GridView 控件 。 
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EL LI 


<xs:element medata:UseCurrent ocale- "true" mscata:IsDataSet- "true" name- "NewDataSet" 
exsicomplexType» 


unbounded" minOccurs="0"> 
rable" > 


x min 
<xs:elemant name-"Customer Emall* minoccurs-"ü" 
«/xsisequence» 
</xs:complexType> 


ID>1</Customer 1D> 
«Customor Account» LLJ«/Customer. Account» 
«Customer. Pwd»Mc/Customer. Pwd- 

p 


图 8-11 程序 运行 后 返回 结果 


(2) 能 调用 Web Service。 

2. 任务 内 容 

(1) 实现 订单 数据 列表 显示 的 功能 。 

(2) 实现 修改 订单 的 功能 

(3) 实现 E-mail 通知 用 户 的 功能 。 

3. 任务 实施 步骤 

CD 添加 任务 1 中 创建 的 Web Service, FTIF Smart On Line 电子 商城 网 站 , 右 击 网 站 根 目 
录 , 单 击 “ 添 加 服务 引用 ”菜单 项 ,打开 “添加 服务 引用 ”对 话 框 ,在 “地 址 ”文本 框 中 输入 http:// 
localhost:5776/Service. asmx( 任 务 1 中 创建 的 Web Service 地 址 )。 单 击 “ 转 到 ”按钮 显示 所 发 
现 的 服务 ,如 图 8-12 所 示 。 单 击 “ 确 定 ” 按 钮 ,完成 添加 Web Service 引用 的 操作 。 


添加 服务 引用 alx 
REESUSEZELUJSESA. RRRS W REAT RH” o ENSIS 


Hita): 

到) | | no|- 
服务 G) : 操作 四) : 

Q ExeNoQueryProc 
®© ExeNonQuery 
© Queryüperation 

© QueryüperationProc 


Es "http: //localhost:5TT5/Service. asmx” Jl 


REZAN: 
[Servi ceReferencel 


(2:8 Service 
"9 ServiceSoap 


到 1 个 服务 。 


agv. | ma | 


图 8-12 “添加 服务 引用 ”对 话 框 
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(2) 新 建 EditOrder 内 容 页 ,选择 AdminMP. master 母 版 页 。 右 击 Admin 文件 夹 , 单 
击 “ 添 加 ”一 添 加 新 项 ”命令 PE Web 页 ?选项 , 单 击 * 选 择 母 版 页 "名称 ”文本 框 中 输入 
EditOrder. aspx, 单 击 “ 确 定 ? 按 钮 。 再 单 击 AdminMP. master 母 版 页 , 单 击 “ 确 定 ” 按 钮 。 

(3) 登录 至 SQL Server 2008 服务 器 , 单 击 “ 新 建 查询 ?按钮 ,打开 “新 建 查询 ”窗口 ,输入 
下 列 SQL 代码 来 创建 v_order 视图 。 


Create View v order 


AS 
SELECT 


T Order.Order ID, 


T Order.Order Nurber, T Custamer.Custamer Account, 

T Oustamer.Custamer Phone, T CustamerAddress.Custamer Address, 

T Order.Pay form, T Order.Is Send, T Order.Is Pay, T Order.Pay Time 
FROM T Order INNER JOIN T staer 
ON T Order.Qustamer ID- T Custamer.Custamer ID INNER JOIN 
T CustamerAddress ON T Order.CustamerAddress ID= 

T CustamerAdress.CustamerA&ddress ID AND 
T Custamer.Custamer ID- T Custamerzdiress.Custamer ID 


(4) 拖 动 GridView 控件 到 EditOrder. aspx 页 面 中 , 单 击 智能 提示 , 单 击 “ 自 动 套用 格 
式 ” 菜 单项 , 单 击 “ 专 业 ” 列 表 项 。 按 F7 功能 键 ,编写 绑 定 GridView 代码 。 按 F5 键 运行 结 
果 , 如 图 8-13 所 示 。 


public void Bind() 


t 


ServiceReferencel.ServiceSoapClient ssc- new 


ServiceReferencel.ServiceSoapClient () ; 


Gridviewl.DataScurce- ssc.QueryOperation("select * framv order"); 
Gridviewl.DataBind(); 


) 


protected void Page Load(doject sender, EventArgs e) 


t 


if (!Page.IsPostBack) 


{ 


} 
} 


BindQ; 


(5) 编辑 GridView 列 。 单 击 “ 智 能 提示 ”, 单 击 “ 编 辑 列 ”菜单 项 。 单 击 取 消 选 中 “自动 
生成 字段 ” 复 选 框 。 单 击 BoundField 选项 , 单 击 “添加 ”按钮 , 单 击 DataField 属性 并 输入 
Order. Number. if; HeaderText 属性 并 输入 “订单 编号 ”。 单 击 ReadOnly 属性 并 将 其 设 
置 为 true。 单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField 属性 并 输入 Customer | 
Account, 单 击 HeaderText 属性 并 输入 “用 户 ”。 单 击 ReadOnly 属性 并 将 其 设置 为 true, 


HeaderText 


属性 并 输入 “邮件 ”, 单 击 ReadOnly 


单 击 BoundField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField 属性 并 输入 Customer_Email, 单 击 


属性 并 将 其 设置 为 true。 单 击 BoundField 


选项 , 单 击 “ 添 加 ”按钮 , 单 击 DataField 属性 并 输入 Customer_address, 单 击 HeaderText 属 
性 并 输入 “地 址 ”, 单 击 ReadOnly 属性 并 将 其 设置 为 true。 单 击 BoundField 选项 , 单 击 “ 添 


加 ”按钮 , 单 击 DataField 
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属性 并 输入 Pay_form , 单 击 HeaderText 属性 并 输入 “支付 方式 ”， 
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Æ http: //1ocaIhost: 1951: 'e/ Adnin/Edi tÜrder. 
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图 8-13 显示 订单 数据 


单 击 ReadOnly 属性 并 将 其 设置 为 true。 单 击 CheckBoxField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 
DataField 属性 并 输入 Is_ Send, 单 击 HeaderText 属性 并 输入 “是 否 发 货 "。 单 击 
CheckBoxField 选项 , 单 击 “添加 ”按钮 , 单 击 DataField 属性 并 输入 Is_ Pay, 单 击 
HeaderText 属性 并 输入 “是 否 支 付 "。 单 击 BoundField 选项 , 单 击 “添加 ”按钮 , 单 击 
DataField 属性 并 输入 Pay_time, 单 击 HeaderText 属性 并 输入 “订单 时 间 ”, 单 击 ReadOnly 
属性 并 将 其 设置 为 true。 单 击 CommandField 选项 , 单 击 “ 添 加 ”按钮 , 单 击 “ 确 认 ” 按 钮 , 完 
成 效果 如 图 8-14 所 示 。 
(6) 实现 “编辑 ”功能 。 单 击 GridViewl 控件 , 单 击 “ 事 件 " 按 钮 ,双击 RowEditing 事件 ， 
输入 下 列 代码 。 
protected void Gridviewl FowEditing(doject sender, GridviewEditEventArgs e) 
t 
Gridviewl.EditIndex- e.NewEditIndex; 
Bind; 
} 
(7) 实现 “取消 ”功能 。 单 击 GridViewl 控件 , 单 击 * 事 件 ?按钮 ,双击 RowCancelingEdit 
事件 ,输入 下 列 代 码 。 
protected void Gridviewl RowEditing(doject sender, GridVviewEditEventArgs e) 
t 
Gridviewl.EditIndex- e.NewEditIndex; 
Bind(; 
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PS uU i 
ContentPlaceHolderl (HEX ) lLa5p:GridViewe Gridview1| 
订单 编号 。 用 户 邮件 地 址 ”支付 方式 


r@ n-ae 
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FQUmR-SBT| [amu suere MRE MRE MRE EE 
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图 8-14 编辑 列 效 果 


(8) 实现 “更 新 ”功能 。 单 击 GridViewl 控件 , 单 击 DataKeyNames 属性 并 输入 Order _ 


ID , 单 击 * 事 件 ” 按 钮 ,双击 RowUpdateing 事件 。 在 RowUpdateing 中 不 仅 完 成 数据 库 的 更 
新 ,而 且 还 要 向 客户 发 送 E-mail 来 通知 客户 相关 订单 状态 的 改变 。 
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protected void Gridviewl RowUpdating (cbject sender, GridviewUpdateEventArgs e) 
t 
ServiceReferencel.ServiceSoapClient ssc- 
new ServiceReferencel.ServiceSoapClient () ; 
int is s-Convert.ToInt3) ((GridViewl.Rows [e.RowIndex] .Cells [5] .Controls[0] as 
CheckBox) .Checked) ; 
int is pe Convert.ToInt3 ( (aridViewl.Rows [e.RowIndex] .Cells [5] .Controls[0] as 
CheckBox) .Checked) ; 
String order id-Gridviewl.Datakeys [e .RowIndex] [0] -ToString() ; 
String sql- String.Format ("update T Order set is send- (0), is pay- (1) where 
order id- (2)", 
is s, is p, order id); 
Ssc.ExeNonQuery (sql) ; 
Gridviewl.EditIndex- - 1; 
Bind(; 
/发 送 订单 更 新 邮件 
String to= Gridviewl.Rows [e.RowIndex] .Cells[2] .Text; 
using (MailMessage mF new Mai IMessage ("1ilijie5l6 gmail.com", to)) 
{ 
Im-Subject= "订单 状态 变更 " 
mm.Body- "您 的 订单 状态 已 经 更 新 "; 
1m.IsBodyHtml- false; 
SutpClient smtp-new SutpClient () ; 
smtp.Host- "amtp.grnail.cam"; 
smtp.EnableSsl- true; 
NetworkCredential NetworkCred- new 
NetworkCredential (mlilijie5le gmail.com", "111111"; 
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smtp.UseDefaultCredentials- true; 

smtp.Credentials- NetworkCred; 

smtp.Port- 587; 

smtp.Send (m); 

ClientScript.FegisterstartupScript (Get Type (), "alert", 
"alert ('Brail sent.');", true); 


T F5 键 运行 程序 ,订单 更 新 效果 如 图 8-15 Bron o 


SI "nli 
E LL ELE 
-naa (ss LLI ugesiBensicos mm is BC UN br 编辑 
-žne " 
NOL ELE 
© 3 宁波 城市 ” 货 到 付 2014/623 4 W 
-=n 358 LLJ iliie51@emailcom 学 院 z B E 2270 编 缉 og 
f 
L 646 LLJ Hijiesl TE ” 货 到 付 口 Bg 2014/623 编辑 m 
E LLEGE: jieslQgmailcom pz x 21:28:41 R 
| hss 555 — LLJ lilijie51@gmaileom Z4 Zu gm m 2655 ë ag Hi 
"Os 136 LLJ lilijie51@gmailcom 学 | d xn [s] [s] 22 编辑 A 
224 LL] liljieSlQgmailcom Frun se [ I Deed 编辑 
916 LLJ litijie5l@gmailcom gawn San [s] [s] perro 编辑 A 
250 — LU tiliies1@emailcom 2j TERT ean momo xs [r1 p 
251 LLJ tilijie51@gmailcom Te a AN g m; er 编辑 A 
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图 8-15 ”订单 更 新 效果 


(9) 实现 “删除 ”功能 。 单 击 “ 事 件 " 按 钮 .双击 RowDeleting 事件 ,输入 下 列 代码 。 


protected void Gridviewl FowDeleting(doject sender, GridviewDeleteEventArngs e) 
t 

ServiceReferencel.ServiceSoapClient ssc- 

new ServiceReferencel.ServiceSoapClient () ; 
String order id-Gridviewl .DataKeys [e.RowIndex] [0] .ToString () ; 
String sql= String.Fomat ("delete fram T Order where order. iœ (0)", 
order id); 

Ssc.FxeNonQuery (sal) ; 

Gridviewl.EditIndex- - 1; 

Bind(); 
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85 总 结 归 纳 


本 项 目 重点 讲解 了 Web Service 的 开发 和 调用 ,以 及 采用 SMTP 协议 实现 订单 更 新 效 
果 的 邮件 通知 。 这 两 种 技术 在 行业 中 应 用 得 非常 广泛 ,其 优势 之 一 就 是 系统 集成 。 企 业 里 
经 常 要 把 用 不 同 语言 写成 的 ,在 不 同 平台 上 运行 的 各 种 程序 集成 起 来 ,而 这 种 集成 将 花费 很 
大 的 开发 力量 。 比 如 ,应 用 程序 经 常 需 要 从 运行 在 IBM 主机 上 的 程序 中 获取 数据 ,然后 把 
数据 发 送 到 UNIX 系统 的 应 用 程序 中 去 。 即 使 在 同一 个 平台 上 ,不 同 软件 厂商 生产 的 各 种 
软件 也 常常 需要 集成 起 来 。 通 过 Web Service, 应 用 程序 可 以 用 标准 的 方法 把 功能 和 数据 统 
一 起 来 ,以 供 其 他 应 用 程序 使 用 。 例 如 ,有 一 个 订单 登录 程序 用 于 登录 从 客户 端 发 来 的 新 订 
单 ,包括 客户 信息 ,发 货 地 址 数量、 价格 和 付款 方式 等 内 容 ; 还 有 一 个 订单 执行 程序 ,用 于 发 
送 的 实际 货物 的 管理 ,这 两 个 程序 来 自 不 同 软件 厂商 。 一 份 新 订单 进来 之 后 ,订单 登录 程序 
需要 通知 订单 执行 程序 发 送 货物 。 通 过 在 订单 执行 程序 上 面 增加 一 层 Web Service 的 功 
能 ,订单 执行 程序 可 以 把 AddOrder 函数 “暴露 ”出 来 。 这 样 ,每 当 有 新 订单 到 来 时 ,订单 登 
录 程 序 就 可 以 调用 这 个 函数 来 发 送 货 物 了 。 


86 课 后 习题 


简 答 题 

. Web 服务 请 求 是 否 可 以 穿越 防火 墙 ? 

. 在 Web 服务 的 服务 端 产 生 的 异常 如 何 发 送 给 客户 端 ? 

.Web 服务 系统 的 设计 与 面向 对 象 的 系统 设计 有 何不 同 ? 

. WebMethod 可 以 返回 DataSet 类 型 , 那 是 否 可 以 返回 DataTable 类 型 呢 ? 为 什么 ? 


Soto 


87 同步 操练 


格林 酒店 管理 系统 需要 跟 其 他 业务 进行 对 接 , 需 要 为 其 他 应 用 程序 提供 数据 。 项 目 经 
理 要 求 开 发 人 员 采 用 Web Service 方式 将 数据 提供 给 其 他 业务 部 门 , 请 开发 该 服务 并 提供 
服务 地 址 。 
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91 项 目 引入 


Smart On Line 电子 商城 网 站 开发 完毕 并 打算 上 线 , 需 要 将 开发 的 电子 商城 网 站 发 布 
到 IIS 中 。 


92 项 目 分 析 


经 过 小 组 讨论 和 仔细 分 析 ,建议 采用 IIS 作为 Web 服务 器 。 在 发 布 过 程 中 需要 考虑 安 
全 性 ,所 以 需要 将 web. config 文件 进行 加 密 。 


93 知识 准备 


9.3.1 IIS 的 安装 和 配置 


Internet Information Services 7. 0 (JIS7) 不 仅仅 是 一 个 Web 服务 器 , 它 更 是 一 个 安全 
性 很 强 .易于 管理 的 平台 ,适用 于 开发 和 可 靠 地 寄存 Web 应 用 程序 和 服务 。 此 外 ,IIS7 是 
Windows Web 平台 的 主要 增强 ,在 统一 的 Microsoft Web 平台 技术 一 一 ASP. NET, 
Windows Communication Foundation Web 服务 和 Windows SharePoint Services 中 扮演 着 
中 心 角色 。 若 要 体验 IIS7 的 强大 功能 ,请 下 载 Windows Server 2008 Release Candidate, 
IIS7 是 Microsoft 发 布 的 迄今 为 止 最 强大 的 Web 服务 器 , 它 提供 了 一 组 新 功能 , 极 大 地 改进 
了 开发 .部 署 和 管理 Web 解决 方案 的 方式 。IIS7 的 模块 化 设计 使 管理 员 拥 有 了 前 所 未 有 的 
对 其 Web 服务 器 进行 控制 的 能 力 。 灵 活 、 可 扩展 的 IIS7 体系 结构 为 开发 人 员 自 定义 Web 
服务 器 提供 了 全 新 的 机 会 。 丰 富 的 管理 功能 使 得 在 IS7 上 部 署 和 管理 Web 应 用 程序 比 在 
任何 其 他 Web 服务 器 上 更 加 简单 和 有 效 。 最 后 ,IIS7 强大 的 诊断 和 故障 排除 功能 可 以 帮助 
用 户 快速 鉴别 并 分 类 问题 , 极 大 地 减少 了 停机 时 间 。 

1. Windows 7 中 安装 IIS 

单 击 “控制 面板 ”一 “程序 和 功能 ”中 的 “打开 或 关闭 Windows 功能 ?选项 ,如 图 9-1 所 
示 。 接 着 会 打开 “Windows 功能 ?对 话 框 。 

fiti" Windows 功能 ”对 话 框 中 “Internet 信息 服务 ”前 的 十 号 ,展开 相应 节点 ,按照 
图 9-2 所 示 进 行 选择 ,然后 单 击 “ 确 定 ” 按 钮 进行 相应 选项 的 安装 ,直至 等 待 安装 完毕 。 


inaina RREK 
查看 已 安装 的 更 新 震 要 午 载 程序 ， 请 从 列表 中 将 其 丢 中 ， 然 后 羊 去 “外 载 
@ 打开 或 关闭 Windows 功能 
组 织 v 
名 称 
国 2345 好 压 


E Adobe Flash Player 11 ActiveX 

W Adobe Reader X (10.14) - Chinese Simplified 

A. Broadcom 802.11 网 络 适配器 
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图 9-1 “打开 或 关闭 Windows 功能 ?选项 
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图 9-2 选择 IIS 223 


2. 注册 HS 
如 果 先 安装 Visual Studio 2012 ,后 安装 IIS ,需要 将 IIS 注册 进 VS 中 ,具体 方法 为 在 
“运行 ”命令 对 话 框 中 输入 cmd. fë Enter 键 进 入 DOS 界面 。 输 入 下 列 命令 


ad C:\Windows\Microsoft .NETN Framework NVv4.0. 30319 
按 Enter 键 进 入 C; N Windows MMicrosoft. NET\Framework\ v4. 0. 30319 这 个 文件 夹 
目录 下 ,输入 aspnet regiis. exe -i 的 命令 ,如 图 9-3 所 示 。 
gra CAWindows\system32\cmd.exe 


C:\Windows Microsoft.NET NFranevork'w4.0.30319»aspnet regi 


图 9-3 注册 IIS 
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9.3.2 加 解密 web. config 配置 文件 


在 . NET 中 ,一 般 把 数据 库 连 接 字 符 串 写 在 web. config 这 个 文件 里 , 即 直 接 写 在 类 中 ， 
在 网 站 发 布 时 ,一 般 会 把 部 署 好 的 网 站 交 给 客户 (包括 页 面 文件 和 . dl 文件 ) ,没有 代码 文件 
C. es 文件 ) ,如 果 把 连接 字符 串 写 进 代码 里 ,显然 很 不 方便 。 也 有 人 会 把 连接 字符 串 放 一 般 
程序 中 ,这 样 在 web. config 里 根本 没有 数据 库 连 接 信息 。. NET 为 开发 人 员 提 供 了 加 密 工 

具 , 只 需要 利用 一 个 命令 就 可 以 加 密 web. config Kai EDEN R LEN RUE 

接 字 符 串 更 安全 。 

1. 加 密 

进入 C:\Windows\Microsoft. net\Framework\v2. 0. XXxXX 目 录 下 ,其 中 XXxx 
是 所 用 的 Framework 版 本 ,可 以 通过 打开 上 述 目 录 得 到 。 输 入 如 下 命令 : 

aspnet. regiis - pef oonnectionstrings C: Websites BeghspNet?rb 

注意 : Ci NWebsitesNBegAspNet2Db 并 不 是 一 个 真正 存在 的 目录 ,应 用 时 要 用 站 点 的 
根 目录 替代 它 。 当 再 次 打开 Web. config 配置 文件 时 ,会 发 现 connectionStrings 中 已 经 不 
再 具有 任何 可 以 获得 的 有 效 信息 ,取而代之 的 是 一 些 杂 乱 的 字符 。 

2. 解密 

如 果 要 修改 加 密 文件 中 的 某 些 信息 ,可 以 对 加 密 的 内 容 进 行 解密 。 命 令 如 下 : 


aspnet regiis - pdf connectionStrings C:\Websites\BegAspNet2D 


94 项 目 实 施 


9.4.1 任务 1: 加 密 web. config 配置 文件 


1. 任务 目标 

能 使 用 命令 对 web. config 文件 进行 加 密 。 

2. 任务 内 容 

对 Smart On Line 网 站 中 的 web. config 文件 进行 加 密 。 

3. 任务 实施 步骤 

CD 生成 发 布 文 件 。 单 击 “ 生 成 >“ 发 布 ”菜单 项 ,打开 “发 布 网 站 ”对 话 框 ,选择 C BET 
的 SmartOnLine 文件 夹 , 如 图 9-4 所 示 , 单 击 “ 确 定 ” 按 钮 。 

(2) 单 击 “ 开 始 ”>“ 附 件 ” 一 “命令 提示 符 ” 菜 单项 ,打开 “命令 提示 符 ”" 窗 口 。 输 入 
cd C:\Windows\ Microsoft, NET\Framework64\v4. 0. 30319。 按 Enter 键 。 再 输入 aspnet_ 
regiis -pef connectionStrings C:\SmartOnLine, 按 Enter 键 进行 加 密 操 作 ,如 图 9-5 所 示 。 
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发 布 网 站 x| 


、 http://... 或 drive: Npath) 


厂 允许 更 新 此 祯 编译 站 点 00 

T 使 用 固定 命名 和 单 页 程序 集中) 
T 发 出 调试 信息 (6) 

T 对 3 编译 程序 集 启用 强 命名 6) 


图 9-4 “发 布 网 站 ”对 话 框 


.7681] 
t Corporation。 保 留 所 有 权利 。 


C: N)sers Nlilijie?»cd C:\Windows Microsoft.NET Framework64Ww4. 0.30319 


C:\Windows NMicrosoft.NET*Framevork64*w4.0.30319»aspnet regiis -pef connectionStr| 


nartOnLine 
SP.NET ReglIS 版 本 4.8.380319.18408 
EEIEDEÈ ASP.NET 的 管理 实用 工具 。 
soft Corporation。 保 留 所 有 权利 。 


C:\Windows Microsoft .NET Framework64\w4.0.30319> m 


图 9-5 加 密 web. config 文件 


9.4.2 任务 2: 发 布 Smart On Line 网 站 


1. 任务 目标 

能 在 IIS 环境 中 发 布 ASP. NET 网 站 。 

2. 任务 内 容 

发 布 Smart On Line 网 站 。 

3. 任务 实施 步骤 

CD 双击 “控制 面板 ”> 管理 工具 ”Internet 信息 服务 (IIS) 管 理 器 "图标 ,打开 IIS 管 
理 器 ,如 图 9-6 所 示 。 

(2) a 网 站 ”文件 夹 , 单 击 “ 添 加 网 站 ”菜单 项 ,打开 如 图 9-7 所 示 的 “添加 网 
站 ”对 话 框 ,输入 网 站 的 相应 属性 : 名 称 、 物 理 路 径 、 端 口号 (与 其 他 应 用 程序 端口 号 不 要 重 
复 ) , 单 击 “ 确 定 ” 按 钮 。 
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XEInternet 信息 服务 CS) 管理 器 


文件 F) 视图 W) AMW 
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WIR Om MAT “PT SIG ET GR amr HED ont ias e 
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SERS WENSE REFRE 。 提供 程序 。 页 面 和 控件 mg 


€ Ww à x aD 
ym ses Et. TSN ìt ume 类 型 WERTE HR 


G a A |a PI H 


图 9-6 IIS 管理 器 


了 zx 
网 站 名 称 6) 应 用 程序 池 L): 
[rartonLine [SET 
广内 容 目录 
物理 路 径 0): 
[iVinetpub werootiSnartonLine jen] 
传递 身份 验证 
FRAO... | intem e... | 
rap 
类 型 0): IP 地 址 CD): REL 0): 
[itt 司 [172.26.1.227 z] foso] 
主机 名 00 
示例 : www. contoso. com 或 marketing. contoso. com 


Iv 立即 启动 网 站 0) 


[we ] » | 


图 9-7 “添加 网 站 ”对 话 框 


G) 双击 IIS 管理 器 中 的 “应 用 程序 池 ” 选 项 ,双击 “SmartOnLine” 程 序 池 , 在 打开 的 对 
话 框 中 单 击 . NET Framework v4. 0. 30319, 单 击 “ 确 定 ” 按 钮 ,如 图 9-8 所 示 。 因 为 机 器 上 有 
可 能 安装 了 若干 版 本 的 . Net Framework. 所 以 需要 选择 对 应 的 版 本 。 

(4) 打开 浏览 器 ,在 地 址 栏 中 输入 http://172. 26. 1. 227: 8090/Shop/index. html, f£ 
Enter 键 即 可 看 到 网 站 的 首页 ,如 图 9-9 所 示 。 
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文件 F) 视图 W) 部 助 00 
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图 9-9. Smart On Line 网 站 发 布 后 的 效果 


95 总 结 归 纳 


发 布 网 站 这 个 子 项 目 任 务 难度 不 高 ,主要 要 求 读者 掌握 web. config 文件 的 加 、 解 密 
和 网 站 发 布 的 方法 。 发 布 过 程 中 务必 要 选择 正确 的 . NET 框架 版 本 号 ,否则 会 出 现 发 布 


错误 。 
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96 课 后 习题 


编程 题 
将 任务 1 中 加 密 的 web. config 解密 。 


97 同步 操练 


现 已 完成 格林 酒店 管理 系统 的 开发 ,项 目 经 理 要 求 开 发 人 员 将 该 系统 发 布 到 网 站 上 。 
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